Correct size by default
Every export is 1200×630 px — the recommended Open Graph ratio used by Facebook, LinkedIn, X, WhatsApp, and Discord.
Create a 1200×630 Open Graph image locally in your browser. Upload a photo, add text, drag it into place, and download the PNG.
1200×630px·Drag text on the preview to reposition it
Everything runs locally in your browser. Nothing is uploaded.
Background
Text overlay
Darkens the bottom area so text stays readable on photos.
Every export is 1200×630 px — the recommended Open Graph ratio used by Facebook, LinkedIn, X, WhatsApp, and Discord.
Upload a photo, add a title, and download a PNG. Nothing is sent to our servers — your images stay on your device.
Drag text into place, tune the overlay, and export. Then add the file to your site and validate with our scan tool.
An Open Graph image is the large preview thumbnail people see when your link is shared on social media. Without og:image, platforms fall back to a generic placeholder — or crop your page awkwardly. A dedicated 1200×630 image gives you full control over the first impression.
Keep the headline short (under ~45 characters on the image), use high contrast, and leave safe margins so nothing gets cropped on mobile. A subtle gradient at the bottom helps text stay readable on photos. Avoid tiny logos or fine print — previews are small.
Host the image on your domain (or CDN) and point og:image to the absolute URL. In HTML: <meta property="og:image" content="https://yoursite.com/og.png" />. Also set og:title, og:description, and og:url. For X, add twitter:card set to summary_large_image and twitter:image pointing to the same file.
PNG is lossless and handles text and flat graphics well — ideal for OG images you design in this tool. JPG works for photo-heavy images at smaller file sizes. Stay under 5 MB; most platforms reject or slow-load larger files.
After publishing, run your URL through our Open Graph scanner to see live previews for Facebook, X, LinkedIn, WhatsApp, and Discord side by side. Fix missing tags, wrong image sizes, or cache issues before your link goes out.
Ready to check an existing page? Scan a URL or read OG guides on the blog.
Questions about sizing, meta tags, or cached previews? Scan any URL or browse the blog for step-by-step guides.