SizeKitSizeKit reference
Open Graph Image Size
Link preview image size for Facebook, X, LinkedIn, Slack, Discord, and any chat or social tool that follows the Open Graph protocol.
Immediate answer
Open Graph OG Image default
Recommended broad compatibility size for link previews.
SizeKit
Recommended size cards
Use this as the working export size before upload.
SizeKit
Platform preview differences
All major platforms use Open Graph, but each crops or compresses differently.
| Platform | Preview ratio | Notes |
|---|---|---|
| 1.91:1 (1200 x 630) | Uses OG. Below 600 x 315 is rejected. Crops to 1.91:1 if your image is taller. | |
| X (Twitter) | 1.91:1 or 2:1 | Uses Twitter Card + OG fallback. summary_large_image renders 1200 x 630. Without twitter:card, X falls back to OG. |
| 1.91:1 (1200 x 627) | Same as OG. Caches aggressively; use LinkedIn Post Inspector to refresh. | |
| Slack | 1.91:1, varies by client | Uses OG. Mobile previews are smaller; safe area for text is the central 800 x 420. |
| Discord | 1.91:1 or 1:1 | Uses OG. Some bot integrations render a smaller 400 x 400 thumbnail. |
| iMessage | 1.91:1 | Uses OG. Rich link preview tile shows 1200 x 630 cropped to fit chat bubble. |
| Auto-fit | Uses OG. May choose between 1:1 thumbnail and 1.91:1 large preview depending on image size. | |
| Custom rules | WeChat link preview uses its own thumbnail logic, not OG. Test by sharing in a private group. |
SizeKit
Safe area and cropping warnings
Design the image so it works across every platform without re-export.
- Central 800 x 420 safe area. Keep text and logo inside this region. Edges may be cropped by Slack mobile, LinkedIn carousel, or X-on-iOS.
- Minimum image size: 600 x 315. Below this, Facebook shows the URL only, no preview.
- Maximum file size: 8 MB per Facebook spec. Most platforms accept up to 5 MB. Stay under 1 MB to keep load fast.
- Use absolute URLs in og:image. Relative URLs break scraping; use the full https://your-domain/path.png form.
- Avoid red on dark backgrounds. Heavy compression on platform side often shows banding. JPEG quality 80-90 is safer than 100.
- Set og:image:width and og:image:height. Helps platforms render the preview before fetching the image.
SizeKit
Preview validation checklist
Before shipping a new OG image, run through this.
- OG meta tags present: og:title, og:description, og:image, og:url, og:type.
- og:image is an absolute https:// URL.
- og:image:width and og:image:height set (1200 and 630).
- twitter:card set to summary_large_image (for X).
- Validate on Facebook Sharing Debugger: https://developers.facebook.com/tools/debug/
- Validate on X Card Validator: https://cards-dev.twitter.com/validator (legacy) or post a test link to a private account.
- Validate on LinkedIn Post Inspector: https://www.linkedin.com/post-inspector/
- Image renders correctly in dark and light theme link previews.
SizeKit
Related tasks
Tools commonly used with OG images.
SizeKit
Source and calculation method
Where the 1200 x 630 standard comes from.
SizeKit
More social size pages
Browse the rest of the social and web image size directory.
SizeKit
FAQ
Quick answers for this asset.
What is the Open Graph image size?
The Open Graph image size is 1200 x 630 pixels with a 1.91:1 aspect ratio. Minimum 600 x 315. File size under 8 MB. JPG or PNG.
What is the size of a Twitter / X link preview?
X uses Open Graph and Twitter Card. For summary_large_image, the same 1200 x 630 image works. X may crop to 1.91:1 if your image uses a different ratio.
What is the LinkedIn link preview size?
LinkedIn uses OG image too: 1200 x 627 pixels (effectively the same as 1200 x 630). LinkedIn caches aggressively; use the LinkedIn Post Inspector to refresh.
Why is my Open Graph image not showing?
Common causes: image under 200 x 200 (some scrapers reject), URL not absolute, Cache-Control too aggressive, or the platform has cached an old preview. Use Facebook Sharing Debugger or X Card Validator to force re-scrape.