dietsoda tools
Sign in
All tools

Open Graph image generator

The 1200×630 card that shows up when someone shares your link on X, LinkedIn, Slack or iMessage.

Shrinks automatically to fit — up to three lines.

Theme
Pattern

Preview

Open Graph card preview

Skip the download

This URL renders the card on request, so you can point at it directly and change the title later without re-uploading anything.

<meta property="og:image"
      content="https://tools.dietsoda.dev/api/og/preview.png?title=Ship+something+people+want&desc=A+short+line+that+earns+the+click.&site=yoursite.com&theme=dark&pattern=dots" />

About the og image generator

Make the 1200x630 image that appears when your link is shared on X, LinkedIn, Slack or iMessage. Type a title, an optional description and site name, pick a theme and background pattern, and either download the PNG or copy an image URL you can put straight into your og:image tag. Images are rendered on our server.

How to use it

  1. Type your title; it shrinks to fit, up to three lines.
  2. Add a description and site name if you want them on the card.
  3. Choose a theme and a background pattern and check the preview.
  4. Press Download PNG, or Copy image URL to hotlink it.
  5. Copy the ready-made og:image tag into your page's head.

Questions

What size should an OG image be?
1200x630 pixels, a 1.91:1 ratio. It is the size X, LinkedIn, Facebook and Slack use for large link previews.
How do I add an OG image to my website?
Add <meta property='og:image' content='https://...'> inside your page's head, using an absolute https URL. Also set twitter:card to summary_large_image for the large card on X.
Can I hotlink the image instead of hosting it myself?
Yes. The copied URL renders the card from its parameters. Hosting the downloaded PNG yourself keeps it under your control if you prefer.
Why is my OG image not updating when I share the link?
Platforms cache link previews. Change the image URL, for example by adding a query parameter, or use the platform's own refresh tool to make it fetch again.