Free Tool

OG image generator

Make the image people see when your link is shared — then copy the meta tags that point at it. Free, in your browser, no signup.

An OG image is the picture that appears when a link to your page is shared on Facebook, LinkedIn, X, Slack or WhatsApp. Make it 1200×630 pixels — the size Meta’s own sharing documentation asks for, and comfortably above every other major platform’s minimum. Which image gets used is decided by an og:image meta tag in your page’s <head>, not by anything visible on the page itself.

GUIDEDesign forms peopleactually finishSeven changes that lift completion, in order ofeffort.

 

1200×630 px

How to make your OG image

  1. 1

    Replace the sample headline. The editor opens at 1200×630 with text switched on, so type over the title in the Text panel. Keep it short — a card is often rendered under 400 pixels wide in a feed, and anything longer than about seven words stops being readable there.

  2. 2

    Make it yours. Change the background under “Change”, pick a palette, or set the five colours by hand. Press S to shuffle a new variation of the same background, and upload your logo in the Logo panel if you want it in the corner.

  3. 3

    Download, upload, tag. Download the PNG, put it somewhere your site serves over HTTPS, then copy the meta tags below and swap in that URL. Nothing here asks for an email, and the download has no watermark.

The meta tags to paste

These go in your page’s <head>. Replace the URL with wherever you uploaded the file; the width and height match what the editor exports. Declaring the size lets Facebook and LinkedIn lay the card out before they have finished downloading the image, and og:image:alt is what the Open Graph specification asks you to add whenever you set an image.

HTML
<meta property="og:image" content="https://example.com/images/og-image.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="A short description of the image" />
<meta name="twitter:card" content="summary_large_image" />

What each platform does with the image you supply

Open Graph started as Facebook’s way of letting a page describe itself to anything that links to it, and it stuck: the same handful of tags now feed previews in LinkedIn, Slack, WhatsApp, Discord, iMessage and most RSS readers. That is why one 1200×630 file does the whole job. You are not making a Facebook image and a LinkedIn image; you are making one image and letting each service crop it.

The crops differ more than people expect. Facebook renders close to the full 1.91:1 frame, which is why its documentation asks you to stay near that ratio — supply something squarer and it gets trimmed top and bottom. LinkedIn behaves similarly but drops to a small square thumbnail if the image is too narrow, turning a carefully made card into a postage stamp beside your headline. X only shows the wide card if your page declares twitter:card as summary_large_image; without that tag the same image appears as a small square next to the text. Slack and WhatsApp shrink the preview hardest of all, often to a few hundred pixels on a phone.

Two practical consequences follow. First, keep anything that must survive — a word, a logo — away from the outer edge, roughly the outer five per cent on each side, because that band is the first thing any crop takes. Second, size your type for the small render, not for the 1200-pixel file you are looking at while you design. The editor above helps with the second point by scaling text as a proportion of the canvas: what looks like a comfortable headline at full size is still legible when the card is a thumbnail, and the Size slider is the fastest way to check.

The tag itself has rules worth knowing. The URL must be absolute and should be HTTPS — a relative path such as /og.png resolves to nothing useful when a crawler fetches it. The file has to be publicly reachable without a login or a redirect chain, which is where staging sites behind basic auth quietly fail. Keep it under 8 MB, Meta’s stated ceiling; a graphic from this tool lands far below that. And add og:image:alt, a plain description of what the image shows — the Open Graph specification says a page that sets an image should set its alt text too, and screen reader users on some platforms get that string.

Finally, expect caching to confuse you at least once. Platforms fetch your page when a link is first shared and then hold on to what they found, so changing the image and re-sharing usually shows the old card. Facebook’s Sharing Debugger and LinkedIn’s Post Inspector will both re-scrape on demand, and giving the new file a different name sidesteps the problem entirely, since every cache here is keyed on the URL. Check the card in the debugger before you publish, not after someone tells you it looks wrong.

OG image sizes by platform

One 1200×630 image covers all of these. Specs verified October 2026.

Open Graph image requirements by platform, verified October 2026
Where it is shared What it renders What it asks for Source
Facebook A full-width card, uncropped at 1.91:1. At least 1200×630. Keep as close to 1.91:1 as possible. Maximum 8 MB. Meta for Developers
LinkedIn A full-width card; narrow images fall back to a small square thumbnail. At least 1200×627 at 1.91:1. A 1200×630 image satisfies this. LinkedIn sharing guidance Published guidance; not read from the platform’s docs on this date.
X (Twitter) A wide “summary_large_image” card when that card type is declared. Needs twitter:card set to summary_large_image; a 1.91:1 image fills it. X Cards documentation Published guidance; not read from the platform’s docs on this date.
Slack, WhatsApp, Discord An inline preview built from the same Open Graph tags, usually smaller. No separate image needed — they read og:image like everyone else. The Open Graph protocol

An example, made here

This is the share card for the page you are reading. It was made with the editor above — Contour background, Paper palette, text on the left — exported at 1200×630 and dropped straight into this page’s og:image tag. Share this URL anywhere and you will see it.

The Open Graph card for this page: the words OG Image Generator over a violet contour-line background, with the caption about making a 1200 by 630 link preview image.

FAQs

Frequently Asked Questions

Make it 1200×630 pixels. Meta’s sharing documentation asks for images of at least 1200×630 and an aspect ratio as close to 1.91:1 as possible, and that size clears every other major platform’s minimum — including LinkedIn’s 1200×627. The editor above opens at exactly 1200×630, so you do not have to set it.

Upload the PNG anywhere your site can serve it over HTTPS — your own /images folder, your CMS media library, or a CDN — then point the og:image meta tag at its full absolute URL. Relative paths such as /og.png do not work: crawlers fetch the image from a different context, so the tag needs the complete https://… address.

Platforms cache the first version they fetch, sometimes for days. Facebook’s Sharing Debugger and LinkedIn’s Post Inspector both have a re-scrape button that forces a fresh fetch of your page and its image. Changing the image file name is the other reliable fix, because the cache is keyed on the URL.

Usually not word for word. The card already shows your title and description as text next to the image, so repeating them wastes the space. A short label — the section, the series, or the one phrase you want remembered — reads better at the size a card is actually displayed, which on a phone can be under 400 pixels wide.

Yes. There is no signup, no email gate, and nothing is stamped onto what you download — the exported image contains only what you put in it. Everything runs in your browser: the graphic is generated locally and no image is uploaded to us.

PNG, for this kind of artwork. These backgrounds are flat shapes and gradients with crisp text, which is exactly what PNG compresses well and what JPG softens around the letterforms. Use JPG only if your card is mostly photographic and the PNG would push you near the 8 MB ceiling — which a 1200×630 graphic from this tool will not.

Ready to Build Smart Forms with AI?

Ovoform is your gateway to effortless, intelligent, and high-performing funnel experiences to expand your global reach. Build smarter forms, automate form workflows, and gather powerful insights — all in minutes.

Get Started Free

No credit card required. Unlimited responses.