🖼️

OG Image Generator

Create a 1200×630 Open Graph image for social media sharing. Pick a designed template or upload your own background — customize the text and download as PNG.

Preview 1200 × 630
yoursite.com
Your Page Title
A short description of your page content.
YOURSITE.COM
Screenshot or download for actual 1200×630 PNG

About OG Images

What size should an OG image be?

The recommended size is 1200×630 pixels (1.91:1 ratio). This ensures crisp display on Facebook, Twitter/X, LinkedIn, and WhatsApp. Minimum accepted size is 200×200px, but smaller images often appear blurry or cropped.

How do I add the OG image to my website?

Upload the downloaded PNG to your server and add this tag inside your <head>:
<meta property="og:image" content="https://yoursite.com/og-image.png">
Also add <meta name="twitter:image" content="..."> for X/Twitter cards.

Why does the download look different from the preview?

The preview is scaled down to fit your screen, but the download is always the full 1200×630px image. Custom fonts loaded via CSS may render slightly differently — this is a browser limitation of html2canvas.

Can I use an uploaded photo as the background?

Yes — switch to the "Upload BG" tab, upload any image, and it will be scaled and cropped to fill the 1200×630 card. A dark overlay is added automatically so your text stays readable. For best quality, use an image that is at least 1200×630px.