OG image size

What an OG image is

An OG image is the picture a page names in its og:image meta tag, part of the Open Graph protocol. When someone shares the link, apps fetch that image and put it in the preview card. Without one, you get a plain link or whatever image the app picks from the page.

<meta property="og:image" content="https://example.com/og/menu.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Rosa's Bakery spring menu">

Sizes and limits by app

These come from each company's developer or help pages, checked in November 2026.

Facebook (Meta)

• At least 1200×630 for the best display on high-resolution screens.
• 600×315 is the minimum for a large preview; smaller images still show, but much smaller.
• 200×200 is the smallest Facebook accepts at all.
• Up to 8 MB. Keep close to 1.91:1 to avoid cropping.

LinkedIn

• At least 1200×627 pixels, at a 1.91:1 ratio.
• Up to 5 MB.
• Images under 401 pixels wide show as a small thumbnail.

X (summary_large_image card)

• A 2:1 ratio, from 300×157 up to 4096×4096.
• Under 5 MB, as JPG, PNG, WEBP or GIF. SVG isn't supported, and only the first frame of a GIF is used.

Apple Messages

• At least 900 pixels wide.
• Under 150 pixels wide may be ignored or shown as an icon.
• Apple also suggests keeping text out of the image, because it's shown at different sizes and can become unreadable.

Why 1200×630 works everywhere

Put the numbers side by side and one size clears them all. 1200×630 is above Facebook's recommendation, LinkedIn's minimum (it's three pixels taller than 1200×627) and Apple's 900-pixel width. Its shape, 1.91:1, matches Facebook's and LinkedIn's. X's large card is 2:1, so it's 30 pixels shorter than 630 at that width: keep text and logos away from the top and bottom edges.

Keep the file small too. LinkedIn and X cap images at 5 MB and Facebook at 8 MB. The checker on the Open Graph image checker page reports the file size when the server sends it.

Make a 1200×630 OG image

The generator below draws a 1200×630 PNG in your browser from a template, your title and your colours, then gives you the meta tags to paste into your page's head, width and height included.

Apple's advice to avoid text conflicts with what most people want, a readable title in the image. A good middle way is a short title in large type, as the templates here do, with the full title in og:title where every app shows it as text.

Check your image

Once the image is on your site, test the page with the Open Graph image checker. It reads your og:image, reports its real size and shape and flags anything below an app's minimum. For X specifically, the Twitter card validator shows the card tags too.

If you need images for posts rather than link previews, the social media image sizes guide covers feed and profile sizes for each network.