OG Image Size Guide

Recommended dimensions, aspect ratios, and file formats for every major platform

Quick Answer

Use 1200 x 630 pixels (1.91:1 aspect ratio) as your default OG image size. This works well on all major platforms.

Size by Platform

PlatformRecommended SizeAspect RatioMin SizeMax File
Facebook1200 x 630 px1.91:1600 x 315 px8 MB
Twitter / X1200 x 630 px1.91:1300 x 157 px5 MB
LinkedIn1200 x 627 px1.91:11200 x 627 px5 MB
Discord1200 x 630 px1.91:1No minimum8 MB
WhatsApp1200 x 630 px1.91:1300 x 200 px5 MB
Slack1200 x 630 px1.91:1250 x 250 px—
Pinterest1200 x 630 px1.91:1600 x 315 px20 MB

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.

See the full Twitter card size guide

LinkedIn

LinkedIn is strict about image sizes. Under-sized images won't display as large cards.

  • Recommended: 1200 x 627 px
  • Images must be at least 1200px wide for the large card format
  • 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 within the center 80% of the image (approximately 960 x 504 px)
  • Avoid placing critical text in the bottom 60px — some platforms overlay the domain or a play button
  • Leave at least 40px padding on all sides
  • 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 free generator to create OG images at the exact recommended 1200x630 size.

Create OG ImageTest Your OG Tags