OG Image Generator
Free tool · by Daniel HaketType your title, pick a style, download a perfectly-sized 1200×630 social card — the image that decides whether your link gets clicked. Rendered entirely in your browser.
Rendered entirely in your browser — nothing is uploaded.
What this free tool is great for: a quick, one-off job with no signup — it runs entirely in your browser, so nothing leaves your device and there's nothing to manage.
Its honest limit: it checks or generates one thing in your browser — it won't track rankings over time, monitor changes across many pages, or optimise at scale.
The image that decides whether your link gets clicked
Every time your page is shared — on LinkedIn, X, Slack, WhatsApp, Discord — it unfurls into a card, and the image is most of that card. Before anyone reads your headline, they've already judged the picture. Pages without a proper Open Graph image get the platform's sad fallback: a random cropped screenshot, a grey placeholder, or nothing. Pages with a deliberate one look like they were made by someone who ships carefully. This generator produces that image — correctly sized, text-safe, downloadable in seconds, rendered entirely in your browser. The craft below is what separates a card that stops thumbs from one that scrolls past unnoticed.
Why 1200 × 630 is the magic size
The 1200-by-630-pixel canvas (a 1.91:1 ratio) is the de-facto standard because it renders full-bleed on the large card formats of the major platforms without cropping. Go smaller and platforms may downgrade you to a tiny thumbnail layout; use a different ratio and edges get chopped — usually through your text. The generator defaults to exactly this size, with a 16:9 option for platforms and decks that prefer it. One size-related habit worth keeping: export at full resolution even though the card renders smaller. Platforms compress aggressively, and starting sharp is the only defence against ending up blurry.
Design rules for a card, not a poster
An OG image is glanced at for well under a second in a busy feed, which dictates everything. One message: the title, big — around a fourteenth of the canvas width as a starting font size, which is why this tool sizes text automatically. High contrast between text and background; gradients work because they add depth without stealing legibility. Three lines of title maximum — beyond that the type shrinks below feed-readability. A subtitle only if it earns its place. And your brand name, small but present, in the corner: the share might travel far from your site, and the corner mark is how people remember where good content comes from.
Keep text away from the edges
Platforms crop cards differently — some round corners, some overlay UI elements, some trim a few percent on certain layouts. The safe-zone habit: keep all text and essential elements at least six percent of the width away from every edge (this generator's padding does that for you). It's the same discipline broadcast designers used for TV overscan, applied to feeds. Edge-hugging text is the most common self-inflicted wound in DIY social cards — the design looked perfect in the editor, and the platform ate the last letter of every line.
Consistency compounds into recognition
The teams that get disproportionate value from social cards don't design each one from scratch — they run a template. Same background style, same title treatment, same brand mark position, different words per post. After a few weeks, regular readers recognise your cards before reading them, which is exactly what a visual identity is for. Pick one theme in this generator and stick with it across posts; resist the urge to rotate styles because you're bored of them long before your audience even notices them. Recognition is built by repetition you're slightly tired of.
Where the image goes once you have it
The download is half the job; the meta tag is the other half. Upload the PNG somewhere stable on your site, then declare it in your page head: an og:image tag pointing at the full URL, ideally with og:image:width and og:image:height so platforms render it before downloading. Twitter reads Open Graph but honours its own twitter:card tag for layout — set it to summary_large_image to get the big format. And after wiring it up, run the page through the platform debuggers (Facebook's Sharing Debugger, LinkedIn's Post Inspector) — both to verify and to bust the cache platforms keep of your old card. Our free Open Graph Preview tool shows the result before you publish.
One image or one per page?
The honest hierarchy: a unique card per important page beats a per-category card, which beats one site-wide default, which beats nothing. Unique cards for your cornerstone content signal effort and lift shares; the long tail can share a well-made default. That's also the scaling problem in miniature — hand-making a card per blog post is fine at one post a week and impossible at programmatic scale, which is when teams template harder or generate cards from the page title automatically. Start by replacing your site-wide nothing with a strong default from this tool; upgrade your top pages to bespoke cards as they prove themselves.
Test it where it will actually live
The card that looks perfect in this generator meets its real judges inside feeds — each with its own rendering quirks. Before you settle on a template, share a test link in the places your audience actually is: a LinkedIn post, an X reply to yourself, a Slack DM, a WhatsApp message. Check three things per platform: does the text survive the crop, does the contrast hold on both light- and dark-mode clients, and does the card still communicate at the tiny size chat apps use. Five minutes of real-world testing across three platforms catches more problems than an hour of squinting at the editor — and once your template passes everywhere, every future card inherits that confidence for free. Keep one screenshot of each platform's rendering in your notes; the next time a card looks off, you'll know instantly whether the platform changed or you did.
Cards are one asset — where AdCreative.ai does more
An OG image is one rectangle with one job. The moment you're producing the whole creative spread — ad variants for every placement, story formats, display banners, product visuals, each on-brand and each tested for performance — hand-crafting rectangles stops scaling. That's where AdCreative.ai does more: it generates conversion-focused, on-brand creatives in every size from your brand kit, scored against performance data, so the visual consistency you built here extends across paid channels too. Make your share cards free forever with this tool; reach for generation-at-scale when creative volume, not creative quality, becomes the bottleneck.
Frequently asked questions
What size should an OG image be?
1200×630 pixels (1.91:1) is the standard that renders full-bleed on the large card formats of the major platforms without cropping. This generator defaults to exactly that, with a 16:9 option.
Why isn't my new OG image showing when I share?
Platforms cache share cards aggressively. Re-scrape the URL with Facebook's Sharing Debugger or LinkedIn's Post Inspector to bust the cache — and give it a few minutes.
How do I add the image to my page?
Upload the PNG to your site, then add an og:image meta tag with the full URL in your page head (plus twitter:card set to summary_large_image for the big Twitter/X format). Our Open Graph Preview tool shows the result.
Is my text or image uploaded anywhere?
No — the card is drawn on a canvas in your own browser and downloaded directly from it. Nothing you type leaves your device.
More free content & seo
Embed this tool on your site
Blogger, teacher or toolmaker? Put this calculator on your own page — free forever, no strings. Copy the snippet below (the credit link is appreciated and keeps the tool free):
This tool is free and runs entirely in your browser. The link above is an affiliate link: we may earn a commission if you sign up, at no extra cost to you, and it never changes our honest take.