PreviewChecks

Open Graph image size and dimensions

A useful starting image is 1200 × 630 pixels, about 1.90:1. It is a common Open Graph shape, not a universal platform requirement. LinkedIn documents a 1200 × 627 link preview, while Pinterest recommends a different shape for Pin artwork. Choose for the surface you care about, then check the delivered image and likely crop.

Image sizes by sharing surface

These values describe useful starting points and published guidance. They are not interchangeable pass or fail rules.

SurfaceImage to prepareHow to read it
Open Graph link image1200 × 630 px
about 1.90:1		 A practical wide baseline for Facebook and other Open Graph readers. The protocol defines image metadata, but it does not mandate these dimensions.
LinkedIn link preview1200 × 627 px
1.91:1		 LinkedIn documents this frame for link previews. Check its current sharing guidance.
X large image card1200 × 600 px
2:1 design frame		 An example artboard for a wide composition, not a required export size. Select the intended card type in your metadata and check how the actual image fits. Treat this as a design target rather than a current published size rule.
Pinterest image Pin artwork1000 × 1500 px
2:3		 Pinterest recommends 2:3 for standard image ads and notes that taller images may be cut off in feeds. This guidance covers Pin creative, not a requirement for an Open Graph image on a web page.

The Open Graph protocol lists og:image:width and og:image:height as optional image properties. It does not prescribe one pixel size for every service. See the protocol reference.

Set image metadata beside the image

Declare the dimensions of the actual file. These tags describe the image. They do not resize it or make a broken URL work. 

<meta property="og:image" content="https://example.com/images/article-share.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="A reader viewing the article on a laptop">

Use the same width and height as the decoded image. If you publish more than one og:image, keep each image's properties with its own tag block and put the preferred candidate first. The guide to Open Graph image order explains how parsers read repeated values.

Dimensions, file size and crop are separate

Pixel dimensions describe the image grid. File size describes the bytes the server returns. An image can have the right ratio and still look soft after scaling, arrive slowly or fail to load. Check the final image URL without relying on a signed-in browser session.

A 1200 × 630 image is slightly taller than a 2:1 frame at the same width. A centered crop to 2:1 would trim 15 pixels from both the top and bottom. A platform can use another crop or layout, so keep a margin around text, faces and logos and review the card at a narrow screen width.

If Pinterest is important, prepare portrait artwork for the Pin itself rather than making every page's first Open Graph image tall. The separate Pinterest image guide explains how Pin markup and link preview artwork serve different jobs.

Source image: 1200 × 630 px

Centered 2:1 frame: 1200 × 600 px

The highlighted strips represent 15 source pixels cropped off the top and 15 off the bottom. This shows the crop geometry, not the final layout of a particular social app.

Check a page before sharing it

  1. 1. Inspect the public page

    Run the final URL through PreviewChecks. Review which image is selected, its decoded dimensions and ratio, the returned file size, and the reported fit or crop.

  2. 2. Compare metadata with the real response

    Open the image URL directly. Confirm it returns an image rather than an HTML error page, then compare its actual dimensions with the declared values in the page source. The crawler access guide covers blocked requests and access checks.

  3. 3. Review the target platform's own preview

    A checker can compare a live page and image with common card frames. It cannot read a platform-owned cache or promise the exact crop in every app. Use the platform's current inspector or posting flow when the final display matters. For X markup, see the focused X card validator.

Release checklist

  • The public page contains an absolute image URL in its Open Graph metadata.
  • Declared dimensions match the decoded image, not an earlier export.
  • The image responds publicly and displays the intended format and artwork.
  • Important text and faces stay clear when the frame scales down or crops.
  • The platform's own preview has been checked after the final image is published.
Check a public URL

Primary references

Reviewed .