What Size Should an Open Graph Image Be?

There is no single Open Graph image size that every platform requires. What exists is a set of common conventions that work well almost everywhere, and a set of platform-specific details that change from time to time. This guide gives you the conventions and explains how to design an image that survives different crops.

The default to start from: 1200 by 630

An image 1200 pixels wide and 630 pixels tall has an aspect ratio of about 1.91:1. Facebook's sharing documentation has long recommended images at least this large, LinkedIn link cards commonly use a similar ratio, and X's large image card is close to 2:1. A single 1200 by 630 image therefore works as a large card on most platforms with only light cropping.

Treat these as recommendations. Each platform documents its own limits and may change them, so verify against current documentation if the details matter to you.

Design for different crops

• Keep text and logos inside a safe area, roughly the central 80 percent, because wide cards and square thumbnails crop the edges differently.
• Use large type and simple composition. Cards are often displayed small, in a feed or a chat bubble.
• Avoid putting key information in the corners, where rounded card shapes and overlays can hide it.
• Do not rely on a thin border or tiny text to carry meaning.

Format and file size

PNG suits graphics and text, JPEG suits photographs. Both are supported everywhere. Animated GIFs generally show a still frame. Some platforms handle WebP, but AVIF, HEIC, SVG, BMP and ICO files are not reliably supported for previews, so keep a PNG or JPEG for og:image even if you serve modern formats elsewhere. Keep the file small enough to download quickly: crawlers have time limits, and very large files may be skipped.

Declare the dimensions

<meta property="og:image" content="https://example.com/images/card.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">

These tags help some platforms lay out the card before downloading the image. They must match the file, or they can mislead the layout. The Open Graph & Social Preview Analyzer reads the real dimensions from the file and flags a mismatch with what you declared, and rates the image as recommended, acceptable or potentially problematic rather than passing or failing it.

Twitter/X cards

X uses the card type to choose a layout: summary_large_image shows a wide image, while summary shows a small square. It documents falling back to Open Graph images when twitter:image is not set. See Twitter/X Card tags explained.