Open Graph Image Generator
Create 1200×630 social share images for Facebook, LinkedIn, Slack and every other Open Graph reader.
1200 × 630 px · canvas
Open Graph images are 1200×630 (1.91:1). This is what Facebook, LinkedIn, Slack and most modern link previewers expect. For X (Twitter), use the 1200×675 generator linked below.
The Open Graph image is the rectangle that appears whenever your page is shared — on Facebook, LinkedIn, Slack, iMessage, Discord and most modern link previews. Without one, those previews fall back to a tiny logo or an awkward crop of your page's hero image.
This generator gives you four practical templates (clean blog post, product announcement, portfolio / project, newsletter / social) plus headline + subheading text, full colour control and an optional logo. The canvas renders at the full 1200×630 pixel resolution every time, so what you see is what shipped.
Related tools
Frequently asked questions
- What dimensions does Open Graph want?
- 1200×630 is the universal recommendation (a 1.91:1 aspect ratio). It's the dimension Facebook, LinkedIn, Slack, iMessage, and most modern link-preview crawlers expect. Larger ratios are accepted but get cropped; smaller images are upscaled and look soft.
- Does this work for Twitter / X cards too?
- Twitter's summary_large_image card is 1200×675 (16:9), slightly different from Open Graph. Use the dedicated Twitter card generator for that aspect ratio. The OG image still gets used when an X card declaration is missing.
- Is anything uploaded?
- No. The canvas is composed entirely in your browser. The downloaded PNG or JPG never touches a server.
- How big should the file be?
- PNG output runs ~100–250 KB at 1200×630 for typical text-on-colour designs. If you have a strict page-weight budget, tick 'Compress output' to export as JPEG at q85 — that's usually 60–70% smaller and visually identical at the rendered sizes.
- Can I add my brand colours?
- Yes. Background, text and accent colours are all configurable. You can paste a hex code into each input or use the colour picker. The four templates use the three colours in different ways so the same palette works across all of them.