Check your Open Graph image before you share

Paste a URL to see the og:image it declares and how that image appears in link previews. Catch missing, cropped, blurry or broken social images before your link goes out.

Image found

Check that the page has an og:image tag with an absolute HTTPS URL. Without it, platforms pick a random image from the page or show no image at all.

Title

Description

framer.com

Size and ratio

Use 1200 x 630 pixels, a 1.91:1 ratio. Smaller images may be shown as a small thumbnail, and other ratios get cropped differently on each platform.

Title

Description

framer.com

File and format

Use JPG or PNG under 5 MB. Keep important text and logos away from the edges, since some apps crop the image to a square or a narrower card.

Platform previews

Compare how the same image looks on LinkedIn, X, Slack, WhatsApp and Google so the preview is clear and on-brand everywhere.

Title

Description

framer.com

A practical guide to OG images

The OG image is usually the largest part of a link preview, so it has a big effect on whether people click. Here is how to check and improve it.

What is an OG image?

An OG image is the picture set with the og:image meta tag from the Open Graph protocol. Social networks and messaging apps read it to build the preview card when someone shares your link.

What is the best OG image size?

1200 x 630 pixels works on almost every platform. It matches the 1.91:1 large card on LinkedIn, Facebook and X. Add og:image:width and og:image:height tags so platforms can render the image faster.

How to check an OG image

Enter the page URL and run the check. Confirm the image loads, has the right ratio, and reads well at small sizes. Then look at each platform preview for cropping or text that is too small.

Why is my OG image not showing?

Common causes are a relative image URL, an image blocked by robots.txt or a login, a file that is too large, a wrong content type, or a cached old preview. Fix the tag, republish, and refresh the cache in the platform's debugger.

OG image vs. Twitter card image

X reads twitter:image first and falls back to og:image. Set twitter:card to summary_large_image to get the large image layout. In most cases one 1200 x 630 image can serve both.

Tips for OG images that get clicks

Use a clear headline or product shot, high contrast, and a recognizable logo. Keep text short and large, and create a unique image for important pages instead of reusing one site-wide image.

Find OG image inspiration

Browse the LinkPreview gallery to see how more than 1,700 websites design their Open Graph images, then check your own URL to compare.