Skip to main content

OG Image Generator

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

Customize

Everything runs locally in your browser. Nothing is uploaded.

Background

Text overlay

Darkens the bottom area so text stays readable on photos.

Why create OG images here?

Correct size by default

Every export is 1200×630 px — the recommended Open Graph ratio used by Facebook, LinkedIn, X, WhatsApp, and Discord.

Runs in your browser

Upload a photo, add a title, and download a PNG. Nothing is sent to our servers — your images stay on your device.

Preview-ready in minutes

Drag text into place, tune the overlay, and export. Then add the file to your site and validate with our scan tool.

How to create an Open Graph image

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.

What makes a good OG image?

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.

How do I use the exported PNG?

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 or JPG?

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.

Validate before you share

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.

OG Generator FAQ

Questions about sizing, meta tags, or cached previews? Scan any URL or browse the blog for step-by-step guides.

Always 1200×630 pixels. That is the standard Open Graph aspect ratio (~1.91:1) and works across Facebook, LinkedIn, X, WhatsApp, Slack, and Discord without awkward cropping.