What Size Should an Open Graph Image Be

An Open Graph image is the picture a social site shows when someone shares a link. Facebook, LinkedIn, Slack, and X (formerly Twitter) all look for this image. The size that fills the large card on the most platforms is 1200 by 630 pixels.

That ratio is about 1.91 to 1. A smaller image may show up as a thumbnail, or the site may skip it. A much larger image is usually scaled down, which adds file weight without a clearer preview.

Why the sides get cropped

The full card is wide. Some feeds, especially on a phone, crop that wide image toward a square. They keep the middle and cut the left and right edges. A title that runs to the edge of the 1200 pixel width can lose its first and last words.

Keep the title, the logo, and the site name inside the center square. On a 1200 by 630 image that square is 630 by 630, starting 285 pixels in from each side. Quialo's Open Graph Image Generator draws the card at 1200 by 630 and shows this safe area as a frame, so you can see the crop before you download.

PNG or JPEG

PNG (Portable Network Graphics) keeps type and flat color sharp. JPEG (Joint Photographic Experts Group) is smaller, which matters when a photo sits in the background. A few hundred kilobytes is a comfortable size. If the file is several megabytes, platforms may refuse it or load it slowly.

After you have the image

The image file is not enough on its own. The page needs tags that point at a public address for the file. Use the Open Graph generator to write the og:image and Twitter Card tags, then check the cards in the meta tag and Open Graph preview.

If the picture needs a different pixel size for another slot, the image resizer can scale it. If the file is heavier than you want, the image compressor can shrink it. Both run in the browser.

The generator does too. Your title and your logo are drawn on your device and are never uploaded. The same idea is covered in Why browser-based tools protect your data.