Open Graph Image Generator
Runs in your browser — your data is never uploaded.
This site already generates the Open Graph tags. Those tags point at an og:image, and not having one is the single most common reason a shared link renders as a grey box — the tags are right, the picture is missing. This makes the picture. 1200×630 is fixed rather than offered as a free-text field because it is the ratio Facebook, LinkedIn, Slack and X all crop toward; supply something squarer and each of them crops it differently, which is how a headline ends up beheaded on one platform and fine on another. Rendered in your browser and downloaded straight to your machine.
How to use OG Image Generator
- 1
Type the title. It is the only part of a link preview most people read, so make it the headline rather than the page name.
- 2
Add a subtitle and a small badge if you want them, and pick a theme and accent colour.
- 3
Download the PNG and reference it from your og:image and twitter:image tags.
Share
Embed this tool on your site
Paste this where you want the tool to appear. It runs entirely in your visitor's browser — no uploads, no account, no tracking.
Please keep the attribution line — it's what keeps these tools free.
Need a different size, a dark theme, or a different tool? Build an embed lets you preview it first.
Frequently asked questions
Why 1200×630 and not a size I choose?+
Because 1.91:1 is what Facebook, LinkedIn, Slack and X all crop toward. An image at some other ratio is cropped differently by each of them, so a title that looks centred in your editor loses its top on one network and its side on another. The square and 1200×675 presets are there for the cases where a platform genuinely wants something else.
My link preview still shows the old image.+
Every platform caches previews hard. Facebook's Sharing Debugger and LinkedIn's Post Inspector both have a re-scrape button that forces a refresh; X and Slack usually clear within a day. Adding a query string to the image URL is the reliable way to force it everywhere at once.
What happens to a long title?+
It wraps to at most three lines and drops a size, and if it still does not fit it is truncated with an ellipsis rather than silently clipped — so you can see it happened and shorten it. Previews are read at thumbnail size, so short is better anyway.
Can I use my own background image?+
Not in this tool. Text over a photograph is the most common way a preview becomes unreadable at the size it is actually seen, which is about the width of a business card. The solid themes here keep the contrast predictable.
Where do I put the file?+
Host it anywhere your site can serve it from, then give the absolute URL to og:image and twitter:image — relative paths are the second most common reason a preview stays blank. The Open Graph generator here writes the tags for you.
Is anything uploaded?+
No. The image is drawn on a canvas in your browser and saved directly to your machine, which also means you can generate one for an unannounced product without it passing through anyone else's server.