Free OG Image Generator
Design a 1200×630 Open Graph image, see it in the X, LinkedIn, Slack and WhatsApp feeds, and download the PNG. Nothing leaves your browser.
Check how it looks on X, LinkedIn, Slack, WhatsApp and Facebook before you share your launch.
What is an OG image?
An OG image is the picture that appears when someone shares your link on X, LinkedIn, Facebook, Slack or in a message. The name comes from the Open Graph protocol, a set of <meta> tags that tell those platforms which title, description and image to show. Without an og:image tag each platform guesses, and usually picks a logo, a random screenshot or nothing at all.
This generator makes the image for you: pick one of 18 templates, type your headline, add your logo and colours, and download a 1200×630 PNG. It runs entirely in your browser, so nothing you type or upload is sent anywhere.
OG image sizes by platform
1200×630 pixels (a 1.91:1 ratio) works everywhere. These are the limits each platform documents:
| Where it’s shared | Recommended size | Ratio | Max file size |
|---|---|---|---|
| 1200×630 (min 200×200) | 1.91:1 | 8 MB | |
| 1200×627 minimum | 1.91:1 | 5 MB | |
| X (summary_large_image) | 1200×600 or larger | 2:1 | 5 MB |
| Slack, Discord, Telegram | 1200×630 | 1.91:1 | — |
| iMessage | at least 900 px wide | 1.91:1 | 10 MB |
| Product Hunt gallery | 1270×760 | ≈1.67:1 | — |
X crops to 2:1, so a 1200×630 image loses about 15 px from the top and bottom. Keep your headline and logo away from the edges and nothing important gets cut.
How to add your OG image to your site
Upload the PNG to your site, then add these tags inside <head>. Use the full https:// URL to the image; relative paths like /og.png break on most platforms.
<meta property="og:title" content="Your product: one-line value prop" />
<meta property="og:description" content="What it does, in one sentence." />
<meta property="og:image" content="https://yourdomain.com/og.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Your product name and tagline" />
<meta name="twitter:card" content="summary_large_image" />X reads the og: tags when its own twitter: tags are missing, so twitter:card is the only X-specific tag you need. The width and height tags matter more than they look: Facebook says that without them the very first person to share your link may see no image at all.
Getting your preview right on launch day
Platforms cache a preview the first time someone shares a link, and keep showing that version. If you share before the image is live, or swap the image on launch morning, early posts can show a blank or outdated card. The day before you launch:
- Publish the final image and tags.
- Paste your URL into the link preview checker to see it on every platform at once.
- Run it through Facebook's Sharing Debugger (“Scrape Again”) and LinkedIn's Post Inspector so their caches hold the new version.
- Changing the image later? Give it a new file name (
og-v2.png). A new URL forces every platform to fetch it fresh.
Need ideas first? Browse the OG image gallery for 600+ real examples.