The standard Open Graph image size is 1200 by 630 pixels, a 1.91 to 1 shape that Facebook, LinkedIn, X, Slack and messaging apps all display well. Pick a template below, type your title, add a logo and brand colours, check the previews, then download the PNG and copy the og:image meta tags.
| Platform | What it asks for | Notes |
|---|---|---|
| Facebook and other Meta apps | 1200 by 630 for best results; at least 600 by 315 | 1.91:1 shape; small images show as a thumbnail |
| X (Twitter) large card | 2:1 shape; 300 by 157 up to 4096 by 4096; under 5 MB | Needs twitter:card set to summary_large_image |
| 1200 by 627 | Use the Post Inspector to refresh a cached image | |
| Slack, Discord, iMessage, WhatsApp | No published size | They read og:image; 1200 by 630 displays well in each |
Updated
Four templates drawn on a canvas in your browser at exactly 1200 by 630. Your logo never leaves your device. The previews show roughly how each app crops the image, and the meta tag block is ready to paste into your page head.
| Platform | What it asks for | Notes |
|---|---|---|
| Facebook and other Meta apps | 1200 by 630 for best results; at least 600 by 315 | 1.91:1 shape; small images show as a thumbnail |
| X (Twitter) large card | 2:1 shape; 300 by 157 up to 4096 by 4096; under 5 MB | Needs twitter:card set to summary_large_image |
| 1200 by 627 | Use the Post Inspector to refresh a cached image | |
| Slack, Discord, iMessage, WhatsApp | No published size | They read og:image; 1200 by 630 displays well in each |
Put these in the page head, with the full https address of the uploaded image.
<meta property="og:title" content="Your page title">
<meta property="og:description" content="One sentence that makes people want to click.">
<meta property="og:image" content="https://example.com/og/home.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Your page title">
<meta name="twitter:card" content="summary_large_image">A share card competes with everything else in a feed at small size. A short, large title and one strong visual beat a busy layout. Treat the image as the headline's partner, not a second copy of the page.
Brand consistency helps people recognise your links over time. Use the same template with a different title for each page rather than designing every image from scratch.
After publishing, paste the page URL into our Open Graph preview tool to see the tags the page actually serves, and into each platform's own debugger before a big launch.
1200 by 630 pixels. It meets Meta's recommendation for high-resolution displays, sits close to LinkedIn's 1200 by 627 and works for X's large image card, so one file covers them all. Save it as PNG for text-heavy designs or JPG for photos, and keep it well under 5 MB.
Usually not. X falls back to og:image when there is no twitter:image. You do need the twitter:card meta tag set to summary_large_image to get the big preview instead of a small thumbnail.
Each platform caches the preview. Use Meta's Sharing Debugger, LinkedIn's Post Inspector or simply a new image file name to force a fresh fetch. Slack and messaging apps refresh on their own schedule.
Yes, with a server-side image renderer that builds the image from each page's title. This tool is for designing the template and making hand-picked images for important pages.
Related: Open Graph preview, Meta tag generator, Social media image sizes, SERP snippet preview, Image cropper.
Start for free or see all free tools. We.Inc is free to start, with no card needed. AI building is on paid plans from $20 a month.
We.Inc is an AI-powered website builder you can resell under your own brand. Launch a branded client dashboard, bill on Stripe Connect, and deliver AI-generated websites in minutes. White-label plans start at $99 a month for 25 client sites, with a 7-day free trial and no per-site fees.