Open Graph image generator
Design a 1200×630 social share image and export a PNG. Everything is drawn in your browser.
Runs 100% in your browserHow to make an Open Graph image
- Write your text. Enter a title and optional subtitle and badge.
- Pick a theme. Choose colors that match your brand; the 1200×630 preview updates live.
- Download the PNG. Click Download and reference it from your og:image meta tag.
Why the share image matters
The Open Graph image (og:image) is the picture that fills the preview card when your link
is pasted into Slack, Discord, iMessage, WhatsApp, LinkedIn, Facebook or X. It's the largest, most
eye-catching part of that card, and a link with a clear custom image is shared and clicked far more
often than a bare URL or a generic favicon. Because the same tag feeds nearly every platform, one
well-made image does the work everywhere — there's no need to design a different graphic per network.
Sizing and designing for legibility
The canvas here is fixed at 1200 × 630 — the 1.91:1 ratio platforms use for a large-image card, and large enough to stay crisp on retina screens. Design for the small render, not the full size: by the time a card appears in a busy feed it may be a few hundred pixels wide, so use a short headline in a big, high-contrast type weight and resist filling the frame with small text. Keep anything essential away from the very edges, since some apps round the corners or crop slightly. The light, dark and brand themes set sensible contrast for you, or override the background, text and accent colours to match your site.
Drawn in your browser, hosted by you
Everything is rendered on an HTML canvas locally and exported straight to a PNG download — nothing is
uploaded, so drafts and unpublished copy never leave your machine. To go live, host the PNG at a stable
public URL and reference it with an absolute og:image URL (relative paths fail on
most scrapers); the
meta tag generator
wires up that tag alongside the Twitter Card equivalent. One gotcha: platforms cache preview images
aggressively, so after you change an image, re-scrape the page with the platform's own debugger to force
the new version to show.
Frequently asked questions
- The recommended size is 1200 × 630 pixels (a 1.91:1 ratio). This tool exports exactly that, which displays crisply on Facebook, LinkedIn, X, Slack, Discord and iMessage.
- Host the PNG on your site, then point your
og:imageandtwitter:imagemeta tags at its URL. Our meta tag generator can build those tags for you. - No. The image is drawn on an HTML canvas in your browser and downloaded directly. Nothing is sent to a server.
- Platforms cache previews. Re-scrape with the Facebook Sharing Debugger or LinkedIn Post Inspector, or add a cache-busting query string to the image URL.