OG Image Generator

An OG image is the preview picture that appears when someone shares your link on X, LinkedIn, Facebook, Slack or Discord. Posts with a good OG image get noticeably more clicks than a bare link. Make one here for free, in the right shape, in under a minute.

How to create an OG image

  1. Enter the page title. Use the title people will see in the link preview.
  2. Style it. Choose a background and pattern, then make sure the title is large enough to read on a phone.
  3. Export at 2×. You get a 1600 × 840 px PNG at the 1.91:1 ratio every major platform expects.
  4. Add the meta tag. Upload the image to your site and reference it in your page head.

Open Graph meta tags

Add these tags inside <head>, replacing the URLs with your own:

<meta property="og:image" content="https://example.com/og/my-post.png" />
<meta property="og:image:width" content="1600" />
<meta property="og:image:height" content="840" />
<meta name="twitter:card" content="summary_large_image" />

Recommended OG image size

The recommended Open Graph image size is 1200 × 630 px, a 1.91:1 ratio. This generator exports the same shape at 800 × 420, 1600 × 840 or 2400 × 1260 px. Use 2× for a sharp result that stays well under platform file-size limits.

Frequently asked questions

Why isn't my new OG image showing?

Platforms cache previews. Re-scrape the URL with the LinkedIn Post Inspector or the Facebook Sharing Debugger, or add a query string to the image URL.

Is og:image the same as twitter:image?

X falls back to og:image when twitter:image is missing, so one image usually covers both. Just set twitter:card to summary_large_image.

Can I make OG images for every page?

Yes. Your settings are saved in the browser, so you only change the title for each page and export again.