TechCompare LogoTechCompare

Open Graph image size guide: the right dimensions for Facebook, Twitter, LinkedIn, and Discord

Generate one 1200x630 PNG or JPEG for og:image. Keep critical content in the center 600x315 safe zone. Add a 200x200 twitter:image square if you want a dedicated Twitter summary card thumbnail. Validate with each platform's debugger before shipping.

The de facto standard Open Graph image size is 1200x630 pixels, a 1.91:1 aspect ratio. This works across Facebook, Twitter (summary_large_image card), LinkedIn, Discord, Slack, WhatsApp, and iMessage. If you generate only one OG image size, make it 1200x630. It's the closest thing to a universal social preview format.

By TechCompare · Updated

Platform or focus
Image & Media
OG image sizing and design
Topic detail
OG image dimensions
image-dimensions
Try the live Open Graph Viewer. Preview your page's link cards on Google, X, Facebook, and Discord.
Edit in the full tool

How this is calculated

Each platform crops or scales differently. Twitter's summary_large_image card shows the full 1.91:1 image. Its summary card (default) shows a small 1:1 square thumbnail, which you get by omitting twitter:card or setting it to summary. Facebook crops to 1.91:1 on desktop and 1:1 on mobile feeds. LinkedIn displays at 1.91:1 on desktop. Discord shows the full image in embeds. Slack unfurls at roughly 360x190. The safe zone for text and logos is the center 600x315 of a 1200x630 image, which survives cropping on all platforms.

Verdict

A single 1200x630 PNG or JPEG clears Facebook, the Twitter summary_large_image card, LinkedIn, Discord, Slack, and WhatsApp at once. The real risk is cropping, not the base size, since Twitter's summary card drops to a 1:1 square, Facebook mobile crops to 1:1, and Slack unfurls around 360x190. Keep text and logos inside the center 600x315 so they survive every crop.

More OG scenarios

Twitter Card types
Twitter Cards control how your URL appears when shared on X (formerly Twitter).
View details ➜
Facebook vs Twitter tags
Open Graph (og:) tags are the standard, originated by Facebook and now supported by LinkedIn, Discord, Slack, WhatsApp, and most other platforms.
View details ➜
Discord embeds
Discord generates link embeds using og:title, og:description, and og:image tags.
View details ➜

Related guides

Decimal vs hex color codes
Why hex color specs work better for OG images than decimal ones.
View guide ➜
WCAG AA for normal text
How contrast rules for OG image text overlays.
View guide ➜

Frequently asked questions

What size should an OG image be?
1200x630 pixels, a 1.91:1 aspect ratio. That single size works across Facebook, Twitter's summary_large_image card, LinkedIn, Discord, Slack, WhatsApp, and iMessage. If you generate only one image, this is the format that gets you acceptable previews everywhere without per-platform variants.
Why does my OG image get cropped on some platforms?
Because each platform renders a different shape. Facebook mobile crops to 1:1, Twitter's small summary card is square, and Slack unfurls at roughly 360x190. The fix is keeping text and logos inside the center 600x315 region of your 1200x630 image, which survives every platform's crop. Anything near the edges is at risk.
Do I need a separate Twitter image vs OG image?
Only if you want a dedicated square thumbnail for Twitter's small summary card. Twitter falls back to og:image when twitter:image is missing, and for the summary_large_image card the standard 1200x630 works fine. Add a 200x200 twitter:image square only when your content targets the smaller card format deliberately.

Related tools

JSON Formatter

Validate, format, and minify JSON data with syntax highlighting.

Use tool ➜

Text Encoding Converter

Convert between Text, Base64, Binary, Hexadecimal, and Decimal formats.

Use tool ➜

Color Picker

Pick colors and convert between HEX, RGB, HSL, CMYK, and HSV formats.

Use tool ➜