OG image generator
Design a 1200×630 Open Graph image for any page: pick a template, add your title, logo and colour, see it in the X, LinkedIn and Slack feeds, and download the PNG. It is drawn in your browser, so nothing is uploaded.
1200 × 630 PNG, the size X, LinkedIn, Facebook and Slack expect
Template
How to make an Open Graph image
- 1
Write the title
Type the headline people should see in the feed. The text shrinks to fit, but under about 60 characters reads best on a phone.
- 2
Pick a template, colour and logo
Choose one of 12 layouts, set your accent colour and add your logo. The logo is read in your browser and never uploaded.
- 3
Check it in the feed
Switch to In the feed to see the card the way X, LinkedIn, Facebook and Slack show it, and turn on Guides to keep words inside the safe area and the square crop.
- 4
Download it and add the tags
Download the PNG, upload it to your site, and point og:image and twitter:image at its full URL. Then run the Open Graph checker to confirm it loads.
Frequently asked questions
What size should an OG image be?
1200 × 630 pixels, a 1.91:1 ratio. That is what this tool makes, and it is what Facebook, LinkedIn, X and Slack show as a large card. Keep the file under about 1 MB so it loads fast when a platform fetches it.
How do I add the image to my page?
Upload the PNG to your site, then add <meta property="og:image" content="https://yourdomain.com/og/launch.png"> to the page's <head>, with the full URL including https. Add <meta name="twitter:card" content="summary_large_image"> so X shows it full width.
Is my logo or text uploaded anywhere?
No. The image is drawn on a canvas in your browser. Your logo, your text and the PNG never leave your device, and nothing is stored.
Why do some apps crop my image?
WhatsApp and some chat apps show a small square thumbnail cut from the middle of the image, and phones can trim the edges. Turn on Guides to see the safe area and the square crop, and keep your key words inside them.
Do I need a different image for every page?
No, a site-wide image works as a default. A page-specific image that carries the page's own title earns more clicks, so it is worth making one for launches, blog posts and landing pages.
Check the rest of your share setup
The free audit checks your Open Graph and X tags alongside titles, schema, canonicals, links and AI-search readiness.