Design a 1200×630 Open Graph card with a live preview, then download it as a PNG ready for your og:image tag.
The image is drawn entirely on canvas in your browser — nothing is uploaded.
Pick a flat background colour or a smooth two-colour diagonal gradient in seconds.
Long titles and subtitles shrink automatically so they always stay inside the canvas.
Download the exact 1200×630 image you see in the preview with one click.
Fill in the fields on the left and watch the preview update instantly.
The og:image meta tag tells Facebook, LinkedIn, Slack, Discord and other platforms which picture to show when a link is shared. A missing or badly sized image means a blank or awkwardly cropped preview, which quietly hurts click-through rates. The 1200×630 size used here is the widely recommended default: wide enough to look good as a large card, and safe from the top and bottom crops some platforms apply to other aspect ratios.
It matches Facebook's and LinkedIn's preferred aspect ratio closely enough that most platforms display it without unwanted cropping.
Some clients crop the corners slightly. This generator centers text with generous margins to stay safely inside that zone.
Scrapers used by social platforms cannot see localhost or password-protected files, so the final PNG needs a public URL.
Each page you want a good preview for needs its own og:image tag pointing at an image made for that page's content.
Questions about sizing, badges and publishing the result.
Exactly 1200 by 630 pixels, the standard size recommended by Facebook, LinkedIn, Slack and most other platforms that render Open Graph link previews.
Yes. The badge field accepts a single letter, number or emoji, drawn inside a rounded square in the corner you choose.
Long titles are automatically scaled down until they fit within the canvas width, so nothing gets clipped or overflows the edge of the image.
Yes. Downloading the PNG only saves it to your device. Upload it to your website or CDN, then point your og:image meta tag at that public URL so social platforms can fetch it.
No. The whole image is drawn locally on an HTML canvas in your browser. Nothing you type or generate is uploaded or transmitted.