OG Image Size Guide: Dimensions for Every Social Platform

Exact OG image dimensions for Twitter, LinkedIn, Facebook, Discord, and Slack. Stop guessing sizes and get it right the first time.

By Sharon Onyinye

OG Image Size Guide: Dimensions for Every Social Platform

You designed a great OG image. You set it live. Then someone shares your link on LinkedIn and the image gets cropped awkwardly, cutting off your headline mid-word.

Wrong dimensions make good images look amateur. And every platform has its own rules.

Here are the exact sizes you need for every major platform, plus the one universal size that works almost everywhere.

The Universal Starting Point: 1200 x 630

If you only remember one number, make it this: 1200 x 630 pixels.

This is the Facebook-recommended OG image size, and it works reasonably well across most platforms. The aspect ratio is approximately 1.91:1, which is close enough to what Twitter, LinkedIn, and Facebook all expect.

But "reasonably well" isn't the same as "optimized." Each platform has subtle differences in how it crops, scales, and renders your image. If you want pixel-perfect results, here are the platform-specific specs.

Twitter/X Card Image Dimensions

Twitter uses two card formats, and each handles images differently.

Summary Card with Large Image (recommended):

| Spec | Value |

|------|-------|

| Recommended size | 1200 x 628 px |

| Aspect ratio | 1.91:1 |

| Minimum size | 300 x 157 px |

| Maximum file size | 5 MB |

| Supported formats | JPG, PNG, GIF, WebP |

Summary Card (small thumbnail):

| Spec | Value |

|------|-------|

| Recommended size | 144 x 144 px (displayed as square) |

| Minimum size | 144 x 144 px |

| Aspect ratio | 1:1 |

| Maximum file size | 5 MB |

Always use `summary_large_image` unless your content specifically calls for a small square thumbnail. The large card format gets significantly more engagement. A Twitter card generator can help you create images at these exact dimensions.

Twitter cropping behavior:
  • Images wider than 1.91:1 get cropped from left and right
  • Images taller than 1.91:1 get cropped from top and bottom
  • Cropping is center-aligned — keep important content in the middle
  • In dark mode, light borders around your image can look odd

LinkedIn Share Image Dimensions

LinkedIn handles link previews differently from regular image posts.

Link preview images (OG images):

| Spec | Value |

|------|-------|

| Recommended size | 1200 x 627 px |

| Aspect ratio | 1.91:1 |

| Minimum size | 200 x 200 px (but renders tiny) |

| Maximum file size | 5 MB |

| Supported formats | JPG, PNG, GIF |

Important LinkedIn behavior:
  • Images smaller than 400px wide render as small square thumbnails on the left side of the card, not as large preview cards
  • To get the full-width card format, your image must be at least 1200px wide
  • LinkedIn adds a subtle border and shadow to card images
  • The platform aggressively caches images — use the Post Inspector to force a refresh after updating

Facebook Share Image Dimensions

Facebook created the Open Graph protocol, so its support is the most straightforward.

Link share images:

| Spec | Value |

|------|-------|

| Recommended size | 1200 x 630 px |

| Aspect ratio | 1.91:1 |

| Minimum for large display | 600 x 315 px |

| Minimum absolute | 200 x 200 px |

| Maximum file size | 8 MB |

| Supported formats | JPG, PNG, GIF, WebP |

Facebook rendering rules:
  • Images at least 600 x 315 display as large share cards
  • Images between 200 x 200 and 600 x 315 display as small thumbnails
  • Images below 200 x 200 may not display at all
  • Facebook Messenger renders cards at a smaller size — high contrast helps legibility

Discord Embed Image Dimensions

Discord is increasingly important for developer and community marketing. It renders rich embeds when links are posted in channels.

Discord embed images:

| Spec | Value |

|------|-------|

| Recommended size | 1200 x 630 px |

| Maximum display width | 400 px (desktop), full width (mobile) |

| Aspect ratio | 1.91:1 |

| Maximum file size | 8 MB |

| Supported formats | JPG, PNG, GIF, WebP |

Discord-specific considerations:
  • Embeds render at a smaller size than other platforms, roughly 400px wide on desktop
  • Text in your OG image needs to be legible at this reduced size
  • Discord supports dark mode only — design with dark backgrounds in mind
  • The platform displays the embed within a colored sidebar, so edge contrast matters

Slack Link Preview Dimensions

Slack unfurls links in channels and DMs, showing an OG image preview.

Slack unfurl images:

| Spec | Value |

|------|-------|

| Recommended size | 1200 x 630 px |

| Display width | Approximately 360-500 px depending on layout |

| Aspect ratio | 1.91:1 |

| Maximum file size | 5 MB |

| Supported formats | JPG, PNG, GIF |

Slack rendering behavior:
  • Images render significantly smaller than on social platforms
  • Text smaller than 48px at full resolution becomes unreadable
  • Slack compresses images aggressively — use high contrast to survive compression
  • Workspace admins can disable link unfurling, so don't rely on it exclusively

Quick Reference Table

| Platform | Recommended Size | Aspect Ratio | Min for Large Card |

|----------|-----------------|--------------|-------------------|

| Twitter/X | 1200 x 628 px | 1.91:1 | 300 x 157 px |

| LinkedIn | 1200 x 627 px | 1.91:1 | 1200 x 627 px |

| Facebook | 1200 x 630 px | 1.91:1 | 600 x 315 px |

| Discord | 1200 x 630 px | 1.91:1 | 256 x 256 px |

| Slack | 1200 x 630 px | 1.91:1 | N/A |

Retina and High-DPI Considerations

Modern screens have 2x or 3x pixel density. An image displayed at 600px wide on a retina screen actually renders 1200 pixels. If your source image is only 600px, it looks blurry.

For OG images, 1200px wide is effectively 1x on many devices. For maximum sharpness:

  • Standard quality: 1200 x 630 px (sufficient for most uses)
  • Retina quality: 2400 x 1260 px (scales down beautifully, but larger file size)

The trade-off is file size. A 2400px image at high quality can be 500KB+, which slows down social card rendering. For most use cases, 1200 x 630 at 80-90% JPEG quality or optimized PNG strikes the right balance.

Format recommendations:
  • PNG — Best for images with text, flat colors, and sharp edges
  • JPEG — Best for photographs or complex gradients where file size matters
  • WebP — Excellent compression, but not universally supported by all social platform crawlers yet

The Quick Way to Get Dimensions Right

Manually resizing images for each platform is tedious. And if you get it wrong, you end up with cropped headlines and cut-off branding.

Screenhance handles this for you. Upload your screenshot, choose your styling, and export at the exact dimensions you need. No guessing, no manual cropping, no surprises when someone shares your link.

For a deeper look at design principles beyond just dimensions, read the OG Image Best Practices guide.

Frequently Asked Questions

Is 1200 x 630 the right size for all platforms?

It's the best universal size. Twitter technically uses 1200 x 628 and LinkedIn uses 1200 x 627, but the 2-3 pixel difference is imperceptible. Using 1200 x 630 means one image works everywhere without platform-specific cropping issues.

What happens if my OG image is too small?

Platforms handle undersized images differently. Facebook shows a tiny thumbnail instead of a full-width card. LinkedIn does the same for images under 1200px wide. Twitter may not display the image at all if it's below 300 x 157. Always use at least 1200 x 630 to guarantee full-width display.

Should I create separate OG images for each platform?

For most content, one image at 1200 x 630 is sufficient. If you're optimizing high-traffic pages where every click matters, you can use Twitter's dedicated meta tags (twitter:image) to serve a Twitter-specific image while using the standard og:image for everything else.

Related Reading

Conclusion

OG image dimensions aren't complicated, but they're easy to get wrong. The result of wrong dimensions is awkward cropping, tiny thumbnails, or missing images entirely.

Memorize 1200 x 630 as your default. Design with center-weighted content so cropping never cuts anything important. And if a specific platform matters more than others for your audience, optimize for that platform's exact specs.

Get the dimensions right once, and every share of your content looks exactly how you intended.

Ready to create stunning mockups?

Try Screenhance free - no credit card required.

Start Creating Free