Open Graph Image Generator
Create custom OG images for social sharing
Open Graph Image Generator tool
Open Graph Image Generator: key facts
- What it does
- Create custom OG images for social sharing
- Category
- SEO Tools
- Cost
- Free, with no account, sign-up, or install.
- Your data
- Runs entirely in your browser — the files and text you enter are never uploaded to a server.
- Last reviewed
- . Report an incorrect result.
Understanding the Open Graph Image Generator
When a link is shared on social media, the preview image does much of the work of earning a click — and the standard size for it is 1200×630 pixels. This generator creates that Open Graph image right in your browser: choose a background, add a title and description, drop in a logo, and download a ready-to-use PNG or JPG.
Bloggers, marketers, and site owners use it to give every page a polished share image without opening design software. Templates for blog posts, products, and articles give you a fast starting point, and you control the fonts, colors, gradients, text alignment, and logo placement to match your brand.
Getting a result
- Pick a template (Custom, Blog Post, Product, or Article) as a starting point.
- Set the background — a solid color, a gradient, or an uploaded image.
- Enter your title and description, adjusting font, size, color, and alignment, and optionally add a logo.
- Regenerate the preview, then download the 1200×630 image as PNG or JPG.
Composing the card on a canvas
The generator draws your text and colours onto a canvas sized for social sharing and exports it as an image file. Everything happens in the browser, so the composition is immediate and the resulting file is downloaded rather than uploaded anywhere.
The working size is 1200 × 630 pixels, a 1.91:1 ratio, which is the dimension Facebook, LinkedIn, and Slack all render well and which Twitter accepts for its large card. Designing at that size and letting platforms scale down is more reliable than targeting any single one.
Because the output is a raster image, it is fixed once generated — which is exactly what you want for a share card. A new title needs a new image, which is why sites with many pages generate these programmatically rather than by hand.
- 1200 × 630 is the standard canvas; the same file serves most platforms.
- Keep important text away from the edges, since placements crop to different ratios.
- Large, high-contrast type survives being shown as a small thumbnail in a feed.
Reasons to use it here
- It renders the image entirely on an in-browser canvas at the exact 1200×630 Open Graph size — no design tool and no upload required.
- Templates plus full control over background, fonts, colors, gradients, and logo position let you match your brand quickly.
- It exports as PNG or JPG and can copy the image straight to your clipboard.
- Because rendering is local, your images and branding never leave your device.
Designing a card that works at thumbnail size
A share card is almost never viewed at full size. It appears in a scrolling feed, often on a phone, at a fraction of its dimensions — so the design constraint is legibility when small, not detail when large. That means very few words, set very large, with strong contrast against the background. A card carrying a paragraph of text is illegible in the only context it will actually be seen.
Consistency across a site is worth as much as any individual card. A recognisable template with a consistent colour, layout, and logo position makes shared links identifiable as yours before the text is read, which is why most publishers generate cards from a template rather than designing each one.
Two practical points. Do not put text near the edges, because different placements crop differently and the safe area is smaller than the canvas. And once generated, the image needs a stable public URL referenced in the og:image tag — the file being correct is only half the job, and platforms cache the scraped result, so a changed image needs a forced re-scrape to appear.
Frequently Asked Questions
What size should an Open Graph image be?
The recommended size is 1200×630 pixels, a roughly 1.91:1 ratio that displays well across Facebook, LinkedIn, and Twitter. This generator works at exactly that size, so your image fits without awkward cropping.
Where do I use the generated image?
Upload it to your site and reference it in your page's og:image meta tag (and twitter:image). When the page is shared, platforms read that tag and display your image in the link preview.
Do I need design software for this?
No. Everything is done in the browser with templates and simple controls for text, color, and layout. It is built so non-designers can produce a clean, correctly sized share image in a couple of minutes.
Should I download PNG or JPG?
PNG preserves sharp text and solid colors without compression artifacts, which suits most share images, while JPG produces a smaller file that can be better for photographic backgrounds. If in doubt, choose PNG for crisp text and logos.
