PNG to WebP Converter
Convert PNG or JPG to WebP and cut the file size sharply.
Open Graph Image Generator
Design a 1200 by 630 social preview card.
1200 × 630 card
How it looks in a feed, at about 400 pixels wide
Quick Tool Overview
The Open Graph Image Generator designs the 1200 by 630 card that appears when a link is shared. It is built around the practical constraint that the image is usually displayed at a third of that size, so the title scales large and the preview shows it at feed size. The meta tags are generated alongside.
- What it does
- Designs a social link preview card
- You give it
- A title, optional description and logo
- You get back
- A 1200x630 image plus meta tags
- Best for
- Blog posts, landing pages and product links
About the Open Graph Image Generator
The Open Graph image is the picture that appears when a link is shared, and it is the single largest element in the preview — usually larger than the title and description combined.
The specification is 1200 by 630 pixels, and the practical constraint is that the image is often displayed at a third of that size, so the title has to be large and the text sparse. That is what this is set up for: a large title that scales to fit, an optional description, a logo, a background of gradient, colour or image, and a live preview at the size the card actually appears in a feed. The matching meta tags are generated alongside.
Key features of the Open Graph Image Generator
Preview at feed size
Shown at the size the card actually appears in a timeline, which is where most cards turn out to be unreadable.
Title scales to fit
Sized automatically so a short or long title both fill the card properly.
Meta tags included
The og: and twitter: tags generated to match, so nothing has to be written by hand.
Background options
Gradient, flat colour or your own image with a scrim that keeps the text readable over it.
Correct dimensions
Exactly 1200 by 630 at a 1.91:1 ratio, which is what every major platform expects.
How to use the Open Graph Image Generator
-
1
Type the title
Short. It is displayed small in a feed, so fewer words read better.
-
2
Add a description and logo
Both optional — many of the best cards are just a title on a background.
-
3
Style the background
A gradient, a flat colour, or your own image with a scrim over it.
-
4
Take the image and the tags
A 1200 by 630 PNG, plus the og: and twitter: meta tags.
Frequently asked questions
1200 by 630 pixels, a ratio of 1.91:1. That is what Facebook, LinkedIn and Twitter all use for a large card, and it works everywhere else too.
Platforms cache Open Graph data aggressively. Use their debugging tools — Facebook's Sharing Debugger, LinkedIn's Post Inspector — to force a refresh after changing the image.
A title and perhaps a short line. The card is often shown at 400 pixels wide, so anything smaller than about 40 pixels in the source is unreadable.
No. Twitter reads the Open Graph tags when its own are absent, so one 1200 by 630 image with summary_large_image covers both.
Reviews of the Open Graph Image Generator
What people who use the Open Graph Image Generator think of it. Reviews come from visitors and are posted as written.
No ratings yet
Yours would be the first.
- 5 0 reviews rated 5 stars
- 4 0 reviews rated 4 stars
- 3 0 reviews rated 3 stars
- 2 0 reviews rated 2 stars
- 1 0 reviews rated 1 star
0 reviews
Newest first
No reviews yet
Be the first to rate the Open Graph Image Generator. It takes half a minute and no account.
Write the first reviewMore image tools
EXIF Data Viewer
Read the camera, lens, settings and GPS inside a photo.
Image Alt Text Generator
Build alt text that is useful, with length and quality checks.
Picture Element Generator
Build a picture element with AVIF and WebP fallbacks.
Rounded Corner Image
Round the corners of an image with real transparency.
JPEG Compressor
Shrink JPEG photos with a quality slider you can see.
Resize Image to KB
Hit an exact file size limit in KB or MB, automatically.
Before After Slider Maker
Build a draggable before-and-after comparison.