Pick a template, type your title and see your link preview on X, LinkedIn and Slack before you download. You get a 1200 × 630 Open Graph image and the meta tags to paste into your page.
100% free · No signup · No watermark · Nothing is uploaded
11 OG image templates: headline and screenshot, blog post, product shot, launch, feature list, big number, testimonial and more.
Type your title, add your logo and a screenshot, then pick your colors. The live preview shows the link on X, LinkedIn and Slack.
Save a PNG or JPG, upload it to your site and paste the og:image meta tags into your page.
An OG image, short for Open Graph image, is the picture that shows
when someone shares your link on social media or in a chat app. You
set it with the og:image meta tag in your page's
<head>.
Without one, each platform guesses. You get a stray logo, a cropped photo or no image at all, and your link gets scrolled past. A clear title on a clean image tells people what they'll get before they click.
Start from a layout that fits the page you're sharing, then make it yours with your logo, colors and font.
The best Open Graph image size is 1200 × 630 pixels, a 1.91 : 1 aspect ratio. Every major platform shows it as a large link preview, so one image covers them all.
| Where it shows | Size (px) | Ratio |
|---|---|---|
| Link previews: Facebook, LinkedIn, X, Slack, WhatsApp, iMessage, Discord | 1200 × 630 | 1.91 : 1 |
| X post image, YouTube, blog header | 1600 × 900 | 16 : 9 |
| Instagram, LinkedIn and Facebook post | 1080 × 1080 | 1 : 1 |
| Instagram and LinkedIn feed, portrait | 1080 × 1350 | 4 : 5 |
| Instagram and Facebook Story | 1080 × 1920 | 9 : 16 |
Keep the important words away from the edges, since some apps crop a little. Keep the file light too: a few hundred KB is ideal, and X's limit is 5 MB.
Upload the image, then paste these meta tags into your page's
<head>. Use the full URL, starting with
https://. The generator fills them in for you.
<meta property="og:image" content="https://yoursite.com/og-image.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:alt" content="What the image shows" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://yoursite.com/og-image.png" />
Platforms cache link previews. If you change the image later, give the new file a new name, then re-scrape the link in Facebook's Sharing Debugger or LinkedIn's Post Inspector.
Turn your reviews into review schema that can show Google stars for your product, app or course, checked against Google's rules.
Generate review schema →Turn a review into a short testimonial video for Reels, TikTok, Shorts or your website, with templates and royalty-free music.
Make a testimonial video →Get the questions to ask for a testimonial that tells a real story, for your type of business, written or video.
Get testimonial questions →Yes. There is no signup and no watermark. The image is made in your browser, so nothing you type or upload leaves your device.
PNG for text, logos and screenshots, because it keeps edges sharp. JPG for photos, where it makes a much smaller file. Every major platform reads both. SVG is not supported, so don't use it for og:image.
This generator previews your image as an X, LinkedIn and Slack link before you download it. Once your page is live, paste its URL into Facebook's Sharing Debugger or LinkedIn's Post Inspector to see exactly what they will show.
Usually one of four things: the og:image URL is a relative path instead of a full https:// link, the image isn't publicly reachable, the file is too large, or the platform is showing an old cached preview. Fix the tag, then re-scrape the link in the platform's debugger. WhatsApp is stricter than most about file size, so keep the image light.
No. X falls back to og:image when twitter:image is missing. Do add twitter:card with the value summary_large_image, though, or X may show a small thumbnail instead of the large card.
You can, and a site-wide default beats having none. A page-specific image that carries the page's title does better: people can see what they will get before they click.
Start collecting testimonials in the next 5 minutes — free.