IKImageSizeKit

Open Graph Image Size: Dimensions, Safe Zones, and Export Checks

Prepare Open Graph image dimensions for website previews, Facebook shares, LinkedIn posts, Slack, Discord, and social cards.

Last checked: July 8, 2026. Sources: Open Graph protocol, Meta for Developers: images in link shares, LinkedIn Help: URL post image ratio. ImageSizeKit is independent and is not affiliated with Web and social previews.

1200 x 6301.91:1og:imagePreview check
1200 x 6301.91:1 - Large title zoneKeep important content away from crop-prone edges

Keep preview text large and central so social apps can crop or downscale without losing the message.

Quick answer

Use 1200 x 630 pixels as the practical default Open Graph image size for most website link previews. Meta recommends images at least 1200 x 630 pixels for best display on high-resolution devices.

The Open Graph protocol itself defines the required and optional metadata, including og:image and optional og:image:width, og:image:height, og:image:type, and og:image:alt.

Design the image around a 1.91:1 preview, keep text large, and avoid edge-critical information because different platforms may crop, pad, cache, or downscale previews.

OG image size specs

FieldValueHow to use it
Recommended practical size1200 x 630 pxStrong default for Facebook-style link previews and many social preview workflows.
Aspect ratio1.91:1LinkedIn Help lists 1.91:1 for custom images used with URL posts.
Open Graph image tagog:imageThe Open Graph protocol requires an image URL to represent the object.
Structured width and heightog:image:width / og:image:heightOptional structured properties that help parsers understand the preview image dimensions.
Meta link-share file size8 MB maxMeta's link-share image documentation says the image file must not exceed 8 MB.

Pre-upload checklist

Use this checklist after exporting the image and before publishing it to the platform or website.

  1. Create the image at 1200 x 630 pixels unless a platform-specific preview requires another size.
  2. Use a clear subject and large headline text.
  3. Set og:image to an absolute HTTPS image URL.
  4. Add og:image:width and og:image:height when your CMS allows it.
  5. Add useful og:image:alt text for accessibility and crawler context.
  6. Test the final URL after deployment because preview caches can lag behind image changes.

Common mistakes

MistakeSymptomFix
Small textThe preview is readable in the design file but unreadable in feeds.Use fewer words and larger type inside the center of the image.
Missing dimensionsPreview parsers guess the image size or load slowly.Add og:image:width and og:image:height when possible.
Relative image URLSocial crawlers cannot fetch the image consistently.Use an absolute HTTPS URL for og:image.
Stale preview cacheThe old image still appears after you update the page.Use platform debuggers or wait for cache refresh after changing OG images.

OG image size FAQ

What is the best Open Graph image size?

Use 1200 x 630 pixels as the practical default. It matches Meta's high-resolution link-share recommendation and aligns with the common 1.91:1 preview ratio.

Does the Open Graph protocol require a specific image size?

The Open Graph protocol requires og:image but does not define one universal pixel size. It supports structured properties such as og:image:width and og:image:height.

Should I add og:image:width and og:image:height?

Yes, when your site or CMS supports it. The Open Graph protocol lists these as optional structured properties for image metadata.

Why does my OG image look different on different platforms?

Different apps can crop, pad, cache, resize, or choose among multiple images differently. Start with 1200 x 630, keep important content centered, and test the deployed URL.

Related image tools

Sources and update history

July 8, 2026: Added as a cross-platform preview-image page using Open Graph protocol, Meta link-share image guidance, and LinkedIn URL post image guidance.