OG Image Size Guide
A practical default canvas, documented exceptions, and the platform-specific limits behind social previews
Quick Answer
Use 1200 x 630 pixels (about 1.91:1) as a practical default canvas. Individual services can crop, pad, resize, or choose a different image.
Size by Platform
| Platform | Working canvas | Aspect | Status of guidance |
|---|---|---|---|
| 1200 × 630 | about 1.91:1 | Practical target; confirm with Sharing Debugger | |
| X large card | 1200 × 630 | about 1.91:1 | Practical target; card rendering can change |
| 1200 × 627 | 1.91:1 | Documented recommendation | |
| Discord | 1200 × 630 | about 1.91:1 | Practical target; no universal public OG size contract |
| 1200 × 630 | about 1.91:1 | Practical target; client rendering varies | |
| Slack | 1200 × 630 | about 1.91:1 | Practical target; unfurl layout varies |
Platform Details
Facebook & Meta Platforms
Facebook uses the same og:image for Instagram link previews and WhatsApp link sharing. Images are displayed at a 1.91:1 ratio in the feed.
- Recommended: 1200 x 630 px
- Images smaller than 600x315 show as small thumbnails instead of large cards
- Facebook caches images aggressively — use the Sharing Debugger to refresh
- Supported formats: JPEG, PNG, GIF, WebP
Twitter / X
Twitter supports two card types with images. The summary_large_image card shows a large banner image; summary shows a small square thumbnail.
- summary_large_image: 1200 x 630 px (1.91:1)
- summary (small card): 240 x 240 px minimum, displayed as 120x120
- Twitter will fall back to og:image if twitter:image is not set
- Max file size: 5 MB. Images larger than 4096x4096 are ignored.
LinkedIn documents a 1.91:1 preview frame and recommends 1200 x 627 pixels for shared links.
- Recommended: 1200 x 627 px
- Images wider than 200 pixels can appear in the larger format; smaller images may become a left-side thumbnail
- Use the Post Inspector to test and clear cache
Discord
Discord shows link previews in an embed card with a colored sidebar. It reads og:image, og:title, og:description, and og:site_name.
- Large images: 1200 x 630 px (shown below the text)
- Small thumbnails: If the image is square or small, Discord shows it as a thumbnail on the right side
- Animated GIFs are supported
Safe Zone Guidelines
Different platforms crop images slightly differently. To ensure your key content is always visible, keep important elements within the safe zone:
- Keep text and logos well away from every edge; there is no universal safe-zone specification
- Test a square crop as well as the 1.91:1 original when the focal subject matters
- Use generous padding and avoid placing critical text in corners
- Use high contrast text — images are often seen on small screens in bright sunlight
File Format Recommendations
PNG
Best for text-heavy images and graphics with sharp edges.
- Lossless quality
- Larger file size (200-800 KB typical)
- Supports transparency (but most platforms ignore it)
JPEG
Best for photographs and images with gradients.
- Smaller file size (50-300 KB typical)
- Some quality loss at high compression
- Faster loading — better for performance
WebP
Modern format with best size-to-quality ratio.
- 30-50% smaller than PNG/JPEG
- Supported by most platforms now
- Some older scrapers may not support it — provide a fallback
Implementation
Add these meta tags to your page's <head>:
<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:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://yoursite.com/og-image.png" />
Create the Perfect OG Image
Use our generator to create a 1200x630 practical starting canvas, then test the published page in its intended destinations.