Reference Guide
OG Image Size Guide
The definitive reference for Open Graph image dimensions across every major platform. Know exactly how your images will render.
Sizes by Platform
Each platform renders OG images at different sizes. Design for the recommended size, but test how it looks at render size.
| Platform | Render Size | Min Size | Recommended |
|---|---|---|---|
| 1200×630 | 600×315 | 1200×630 | |
| Twitter / X | 800×418 | 300×157 | 1200×628 |
| 1200×627 | 1200×627 | 1200×627 | |
| Discord | 400×210 | None | 1200×630 |
| 300×157 | None | 1200×630 | |
| iMessage | Variable | None | 1200×630 |
| Slack | 250×131 | None | 1200×630 |
| ChatGPT | 400×210 | None | 1200×630 |
Universal recommendation: 1200×630px works well across all platforms.
Sizes by Content Type
Different page types have different OG image needs. Here's what to focus on for each.
Homepage
1200×630Focus: Brand logo + tagline
Keep text large, logo prominent
Blog Post
1200×630Focus: Title + author/date
Title should be readable at 400px wide
Product Page
1200×630Focus: Product image + name + price
Show the product, not just text
Event
1200×630Focus: Event name + date + location
Date should be immediately visible
Text Legibility at Thumbnail Sizes
Your OG image will be displayed much smaller than you design it. These tips ensure text remains readable.
Use 40px+ font size for titles
Your 1200×630 image may display as small as 300×157. Text that looks fine at full size becomes unreadable at thumbnail scale.
Limit text to 5-7 words max
Long headlines get truncated or become too small to read. Front-load the most important words.
High contrast is essential
Dark text on light backgrounds (or vice versa) with contrast ratio of at least 4.5:1. Avoid subtle grays.
Safe zone: center 80%
Some platforms crop edges. Keep critical content (logo, title) within the center 80% of the image.
Test at actual render sizes
Preview your image at 400×210 (Discord/ChatGPT size) before finalizing. If you can't read it, neither can users.
Check your site's OG image
See exactly how your OG image looks across all platforms. Get scored on dimensions, meta tags, and more.
Check your OG image