The recommended Open Graph image size is 1200×630 pixels — a 1.91:1 aspect ratio that renders correctly across Facebook, X, LinkedIn, Discord, iMessage, and Slack. Below are the exact dimensions per platform, the safe zone for text, and the one mistake that silently breaks previews.
Getting Open Graph images right comes down to the details. The wrong dimensions, file size, or image format can quietly break previews across every platform your users share links on. Here are the exact specs — with visual guides so you can see exactly what you’re designing for.
The Universal OG Image Spec
If you only remember one number, make it 1200×630. That’s the canonical OG image size — 1200 pixels wide, 630 pixels tall, a 1.91:1 aspect ratio.
This size works across Facebook, LinkedIn, iMessage, Slack, Discord, and most other platforms. Design for this canvas and you’ll cover 95% of use cases.
<meta property="og:image" content="https://yoursite.com/og/page.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
The og:image:width and og:image:height tags are optional but recommended — declaring them lets crawlers skip an extra HTTP request to measure the image.
Platform Comparison
Each platform renders the same image slightly differently. Here’s what to know:
| Platform | Dimensions | Max Size | Notes |
|---|---|---|---|
| Facebook / Meta | 1200×630 | 8 MB | JPG, PNG. Caches aggressively. |
| 1200×627 min | 5 MB | Strictest platform — 1199 px wide = no preview. | |
| Twitter / X | 1200×628 | 5 MB |
Set twitter:card to summary_large_image for wide layout. |
| Slack / Discord / iMessage | 1200×630 | Varies | Follows OG spec. HTTPS required on all three. |
Safe Zone for Text
Platforms crop differently depending on context — a sidebar preview or mobile thread may show less. Keep text and logos within the 1000×500 safe zone (the inner 83% × 79% of the canvas).
The One Mistake That Breaks Everything
Using a relative URL for og:image. Crawlers fetching your page in isolation don’t know your domain. A relative path gives them nothing to work with.
<!-- ❌ This will fail on every platform -->
<meta property="og:image" content="/images/og.png" />
<!-- ✅ Always use the full absolute URL -->
<meta property="og:image" content="https://yoursite.com/images/og.png" />Check Your Live Page
Already shipped your tags? Don’t guess whether the dimensions are valid. Paste your URL into the OG & meta tag inspector to see the exact image, title, and description each platform will render — and catch a wrong size, a relative URL, or a missing tag before anyone shares the link.
File Format Recommendations
JPG is the safest default — small file sizes, universal support. Aim for 80% quality in your compression settings.
PNG is better for images with text, logos, or flat color. Text in a JPG often looks slightly muddy due to compression artifacts. If your OG image is a branded card with a title and logo, use PNG.
WebP is supported by Twitter and Discord but not universally. Don’t use it as your primary format.
GIF only shows the first frame. Animated previews aren’t supported on any major platform.
Generating Images at Scale
For a static site with a handful of pages, design OG images manually and call it done. For anything dynamic — blog posts, product listings, user profiles — you need automation.
OpenGraph handles this at the URL level. Set up a template once, and every page on your site gets a unique, branded OG image without any pipeline to maintain.
New to link previews? Start with what Open Graph images are and how the Open Graph protocol works.
Frequently Asked Questions
What is the recommended Open Graph image size?
1200×630 pixels — a 1.91:1 aspect ratio. This size renders correctly across Facebook, X, LinkedIn, Discord, iMessage, and Slack, covering roughly 95% of use cases.
What is the minimum Open Graph image size?
Facebook accepts images as small as 200×200px, but LinkedIn will not show a large preview below 1200px wide. Design at 1200×630 to satisfy every platform at once.
What aspect ratio should an OG image use?
1.91:1, which is 1200×630 pixels. Square or tall images get cropped awkwardly on platforms that expect the wide format.
What file format is best for an OG image?
Use JPG for photographic images (small file size, universal support) and PNG for branded cards with text or logos (crisper text). Avoid WebP as your primary format and skip GIF — only the first frame is shown.