OG Image Generator
Create the preview image that appears when your link is shared on Facebook, X, LinkedIn, WhatsApp, Slack or Discord — in the right size for each platform, with the meta tags to match.
- 6 layouts
- All sizes as ZIP
- Meta tags
- Nothing uploaded
Content
Logos and pictures stay in your browser. They are never uploaded.
Sizes in the ZIP
Tick every platform you need. The layout adapts to each format.
Meta tags
How to create an Open Graph image
Type, style, download.
- 1
Enter your content
Write the title and, if you like, a description, site name, label and author. Add a logo or a background picture.
- 2
Pick layout and colours
Choose one of six layouts, a colour theme or your brand colours, and switch between platforms to check each format.
- 3
Download and add the tags
Download one image or all selected sizes as a ZIP, upload the file to your site and paste the meta tags into the page.
Share images without a design tool
Readable, on-brand previews for every link you publish.
Six layouts
Classic, centred, split, brand bar, minimal and photo overlay — each one works in landscape, square and portrait.
Every platform
Open Graph, X, LinkedIn, Pinterest, Instagram square and 4:5, Story and YouTube, plus any custom size.
Text that always fits
Long titles are scaled down and wrapped automatically, so nothing is cut off.
Logo and photo
Place your logo and use your own picture as a background, darkened or blurred for readable text.
Brand colours
Eight themes or your own background, text and accent colours, with gradients and subtle patterns.
Safe areas
Optional guides show the margins and the square that small previews crop to.
Meta tags
Copy the og:image and twitter:image tags with the correct width, height and type.
Private
Texts, logos and pictures stay in your browser; the images are rendered on your device.
What is an OG image and what size should it be?
An OG image (Open Graph image) is the picture that social networks and messengers show when someone shares a link. It is set with the og:image meta tag in the head of a page. Facebook, LinkedIn, WhatsApp, Slack, Discord, iMessage and many other apps read this tag; X reads twitter:image and falls back to the Open Graph tag. A page without the tag gets a random picture or a bare text link.
The size that works almost everywhere is 1200 × 630 pixels, an aspect ratio of about 1.91:1. It is large enough for high-resolution screens and matches the wide preview card of Facebook and LinkedIn. X documents a 2:1 image for large cards, Pinterest prefers a tall 2:3 image of 1000 × 1500 px, and Instagram uses 1080 px wide square or 4:5 images. Keep files under roughly 5 MB; PNG is best for text and flat colours, JPG for photos.
A good share image is readable at a glance. Use one short title in large type, strong contrast between text and background and little else. Keep text away from the edges, because some apps crop the image, and remember that WhatsApp and iMessage often show only the central square. The safe-area guides in this generator show both zones before you export.
Recommended share image sizes
| Platform | Size in px | Aspect ratio |
|---|---|---|
| Open Graph (Facebook, WhatsApp, Slack, Discord) | 1200 × 630 | 1.91:1 |
| X (Twitter) large card | 1200 × 600 | 2:1 |
| LinkedIn link post | 1200 × 627 | 1.91:1 |
| Pinterest pin | 1000 × 1500 | 2:3 |
| Instagram post | 1080 × 1080 or 1080 × 1350 | 1:1 or 4:5 |
| YouTube thumbnail | 1280 × 720 | 16:9 |
Tips
- Want to use an existing photo instead of a designed card? The Social Media Image Resizer crops one picture to every network size.
- If a PNG with a photo background gets large, switch to JPG here or shrink the file with the Image Compressor.
- Complete the set: create the browser and home-screen icons of your site with the Favicon Generator.
- After publishing, networks keep the old preview in their cache. Use the sharing debugger of Facebook or the post inspector of LinkedIn to fetch the new image.
Frequently asked questions
Can’t find your answer? Contact us — we reply quickly.
What is the best size for an OG image?
1200 × 630 px. It is displayed correctly by Facebook, LinkedIn, WhatsApp, Slack, Discord and most other apps and is sharp on high-resolution screens.
Where do I put the OG image?
Upload the file to your website and add <meta property="og:image" content="https://…"> to the head of the page, using the full address of the image. The generator writes the tags for you.
Does X (Twitter) need a separate image?
Not necessarily. X uses twitter:image and falls back to og:image. The 1200 × 630 image works; a 2:1 version is available if you want an exact fit.
Should I use PNG or JPG?
PNG gives the sharpest text for flat colours and gradients. If you use a photo as background, JPG is usually several times smaller with no visible difference.
Why does my link still show the old image?
Platforms cache previews, sometimes for days. Request a fresh scrape with the debugging tool of the platform, or change the file name of the image.
Are my logo and text uploaded?
No. Everything is rendered on a canvas in your browser. Your texts, logo and background picture never leave your device.
More free image tools
Resize, compress, convert and clean up images — fast, free and private, right in your browser.