tigtools

Open Graph Preview

Enter what your Open Graph tags contain to see approximately how a shared link may look, and whether the image is the right size.

Runs in your browser No sign-up

The browser loads this image directly from the address you enter.

Recommended: 1200 × 630 px (1.91:1), JPG or PNG, under a few megabytes. Keep important content away from the edges, because some apps crop to a square.

Large link card
No image
example.com
—
Small link card
No image
example.com
—

These cards are generic approximations. Each app has its own layout, fonts and cropping, and caches previews.

How to use it

  1. Enter the og:title and og:description you use, or plan to use, on the page.
  2. Paste the full URL of the og:image. The tool loads it and reports its real pixel size.
  3. Add the page URL or domain, then compare the large and small card previews and fix any warnings.

How it works

When someone shares a link, most social networks and chat apps fetch the page and read its Open Graph tags: og:title, og:description, og:image and og:url. They then build a card. A wide image of about 1.91:1 usually produces a large card with the image on top; a small or square image often produces a compact card with a thumbnail beside the text.

This tool shows two generic card styles to help you judge length and image framing. It checks the image's natural size after the browser loads it: below 200 × 200 px many apps skip the image, below 600 × 315 px they tend to use the small layout, and a ratio far from 1.91:1 means cropping. 1200 × 630 px is the widely recommended size because it stays sharp on high-density screens.

The preview cannot show exactly what a specific app will display. Apps differ in how many lines of title and description they show, some ignore the description, and most cache a preview for a while after the first share, so changes to your tags may not appear right away. Many platforms offer their own debugging tool to refresh that cache.

Examples

A screenshot used as og:image

A 1440 × 900 screenshot has a ratio of 1.6:1. The tool warns about the ratio: in a large card the top and bottom would be cropped. Exporting a 1200 × 630 version avoids surprises.

A logo as the only image

A 180 × 180 logo is below 200 × 200 px, so many apps would show no image. Use a larger, wide banner that includes the logo instead.

Checking title length

A 90-character og:title wraps to three lines in the large card preview. Shortening it to about 60 characters keeps the card tidy in most apps.

Frequently asked questions

Why does my link look different on Facebook, LinkedIn and X?

Each platform renders cards with its own layout, crop and text limits, and some show the description while others do not. This preview is a generic approximation, not a copy of any platform's design.

I changed og:image but the old image still appears. Why?

Platforms cache link previews. Use the platform's own sharing debugger to fetch the page again, or wait for the cache to expire. Changing the image file name also helps.

Can I use an SVG or WebP image?

SVG is not supported by most platforms. WebP works in many apps but not all; JPG or PNG is the safest choice.

Why can the tool not load my image?

The URL may need a login, point to an HTML page instead of an image, or the server may block requests from other sites. If the browser cannot load it here, a social platform's crawler may not be able to either.

Privacy

Text you enter stays in your browser. To check the image, your browser requests it directly from the URL you enter (without sending a referrer), so that server sees a normal image request. Nothing is sent to TIG Tools.