The definitive Open Graph image guide for 2026

When someone shares your URL on Twitter, Slack, LinkedIn, Discord or iMessage, the preview card is powered by Open Graph meta tags. The image is the most important part — it's what makes people click.

The recommended size

1200 × 630 pixels is the universal safe size for OG images in 2026. It works correctly on every major platform.

| Platform | Recommended | Minimum | Aspect ratio | | --------- | ----------- | ---------- | ------------ | | Twitter/X | 1200 × 630 | 600 × 314 | 1.91:1 | | Facebook | 1200 × 630 | 600 × 315 | 1.91:1 | | LinkedIn | 1200 × 627 | 1200 × 627 | 1.91:1 | | Slack | 1200 × 630 | 250 × 250 | 1.91:1 | | Discord | 1200 × 630 | 256 × 256 | varies | | iMessage | 1200 × 630 | any | varies |

Create your OG image at 1200 × 630 and you're covered everywhere.

Format and file size

• JPEG is the safest format — universally supported by all crawlers
• PNG works on most platforms but produces larger files
• WebP is supported by Twitter and Slack but not all crawlers
• SVG is not supported by any platform for OG images

Keep the file size under 300 KB. Crawlers have timeouts — if your image takes too long to download, the preview shows without it.

The meta tags

<meta property="og:image" content="https://example.com/og/page-name.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:type" content="image/jpeg" />

Always use an absolute URL. Relative paths don't work with most crawlers.

Common mistakes

1. Image too small. Below 600px wide, most platforms either refuse to show it or display it as a tiny thumbnail instead of a large card.

2. Important text at the edges. Some platforms crop the image slightly. Keep text and logos within the centre 90% of the image.

3. Relative URL. Use https://yourdomain.com/image.jpg, not /image.jpg.

4. Missing width/height meta. Without explicit dimensions, some crawlers fetch the image just to measure it, which adds latency.

5. Cache staleness. Twitter and Facebook cache OG images aggressively. After updating an image, use the platform's debug tool to force a refresh.

Testing tools

• Twitter Card Validator: cards-dev.twitter.com/validator
• Facebook Sharing Debugger: developers.facebook.com/tools/debug
• LinkedIn Post Inspector: linkedin.com/post-inspector
• opengraph.xyz: Quick preview across multiple platforms

Creating OG images

For a simple workflow:

1. Create a 1200 × 630 template with your brand colours and logo
2. Add the page title as large text in the centre
3. Export as JPEG at quality 85
4. Compress to get under 300 KB

You can resize any existing image to 1200 × 630 with our tools — no design software needed.