Open Graph Image Size Guide
The Open Graph image is the picture that appears when your link is shared on social media, in chat apps and in search previews. Get its size wrong and the preview crops badly or shows nothing at all. This guide gives the one size that works almost everywhere, the per-platform specs, and copyable meta tags.
Quick answer: use 1200 × 630
Make your Open Graph image 1200 × 630 pixels, which is a 1.91:1 ratio. That single size renders correctly on Facebook, LinkedIn, X, Slack and Discord, so one well-made image covers nearly every link preview. Keep the file under about 5 MB and use PNG or JPG.
Rule of thumb: design one 1200 × 630 image, keep the important content near the centre, and set explicit og:image:width and og:image:height tags so platforms can render the preview before the file finishes loading.
Open Graph image sizes by platform
| Platform | Recommended size (px) | Ratio | Notes |
|---|---|---|---|
| 1200 × 630 | 1.91:1 | The reference Open Graph size | |
| X (Twitter) | 1200 × 628 | ~1.91:1 | Needs twitter:card = summary_large_image |
| 1200 × 627 | ~1.91:1 | Shared-link image | |
| Slack / Discord | 1200 × 630 | 1.91:1 | Unfurl the same og:image |
| 1000 × 1500 | 2:3 | Prefers a tall pin for saved links |
The minimum for a large preview is 600 × 315 (the same 1.91:1 shape). Below that, platforms fall back to a small square thumbnail or no image. Pinterest is the exception: it reads the Open Graph tags for shared links, but saved pins perform best as a tall 2:3 image — size those in the aspect ratio calculator.
Facebook, LinkedIn, X and Slack previews
All four read the same Open Graph tags, so one 1.91:1 image serves them together. Facebook and LinkedIn crop closest to 1200 × 630, while X shows a slightly shorter 1200 × 628 band when twitter:card is summary_large_image; without that tag X falls back to a small square thumbnail. Slack and Discord unfurl the og:image directly, so a correct tag is all they need.
For sizes inside the platforms themselves — feed posts, stories and thumbnails rather than link previews — see the social media aspect ratio cheat sheet.
Safe zones and cropping
1.91:1 is a wide, short frame, so tall logos and stacked text get cropped or shrunk. Keep the headline, logo and any key subject inside the central area and leave a margin around the edges — different platforms trim a few pixels differently. Avoid putting text right at the top or bottom, and do not rely on fine print: previews are often shown small on mobile.
Copyable Open Graph meta tags
Add these to the <head> of your page and swap in your own absolute image URL and alt text. The width and height tags let a platform reserve the space before the image loads:
<meta property="og:image" content="https://example.com/preview.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:alt" content="Describe what the image shows"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:image" content="https://example.com/preview.png">
Use an absolute URL (starting with https://) for the image — relative paths are the most common reason a preview stays blank. After changing the tags, re-scrape the page in the platform's sharing debugger to clear the old cached preview.
Calculate custom preview dimensions
Need a preview image at a different width, or want to check that a crop keeps the 1.91:1 shape? Use the aspect ratio calculator, read an existing file's shape with the image aspect ratio calculator, or get copyable CSS for a responsive preview box from the CSS aspect-ratio calculator.
Open the calculatorFrequently asked questions
What is the best Open Graph image size?
Use 1200×630 pixels, a 1.91:1 ratio. It is the standard Open Graph size and shows correctly on Facebook, LinkedIn, X, Slack and Discord.
What aspect ratio is an Open Graph image?
The standard Open Graph image ratio is 1.91:1, which is 1200×630 pixels.
Why is my link preview image not showing?
The usual causes are a missing og:image tag, an image below the minimum size, an image URL that is not absolute, or a cached old preview. Fix the tag, then re-scrape the URL in the platform's sharing debugger.
Do I need a separate image for X (Twitter)?
No. X uses the same 1.91:1 Open Graph image when twitter:card is set to summary_large_image, so a single 1200×630 image works for both.