Open Graph Preview

Why this Open Graph preview tool exists

A lot of OG preview tools show you 3 or 4 platforms. Facebook, Twitter, maybe LinkedIn. That's not enough. In 2026 your link gets shared on Slack, Discord, WhatsApp, iMessage, Pinterest, and half a dozen others — and each one renders the preview differently. Pinterest wants vertical 1000×1500. Slack only reads the first 32 KB of your HTML, so OG tags sitting below a big inline stylesheet never get seen. Miss a spec and the preview breaks on that platform only.

This tool previews 11 platforms side-by-side: Facebook, LinkedIn, X/Twitter, Slack, WhatsApp, Discord, Telegram, iMessage, Reddit, Pinterest, and a Fediverse card modeled on Bluesky and Mastodon. Edit og:title, og:description, og:image, or og:site_name and every active preview updates in real time. Each preview has its own dark-mode toggle so you can check both appearances. The image auditor checks your og:image width and aspect ratio against all 11 platform specs and flags the ones that won't fit.

How to preview Open Graph tags

Two ways. Paste a URL and click Fetch from URL — the tool pulls the live og:title, og:description, og:image, and Twitter Card tags, then renders what each platform will show. Or edit the fields directly and watch all active previews update as you type. Both work together: fetch, then edit, then export.

The best og:image size (for every platform)

1200×630 px at 1.91:1 ratio is the universal default — it works for Facebook, LinkedIn, X, Slack, Discord, Telegram, Reddit, iMessage, and Fediverse. The big exception is Pinterest, which prefers 1000×1500 vertical (2:3 ratio). WhatsApp is the most forgiving: the auditor accepts anything from 300px wide there. The image auditor shows green/yellow/red per platform so you know before you ship. It checks dimensions and ratio, not file size, so keep the file itself lean.

Troubleshooting Open Graph previews that don't show

Most broken previews trace to the same handful of issues. The og:image URL is relative instead of absolute. The image is blocked by robots.txt, or sits behind a login or hotlink protection. The file exceeds the platform's size limit. The page sets OG values via JavaScript after load, but most crawlers don't run JavaScript. The platform's cache is stale. For Facebook, paste the URL into the Facebook Sharing Debugger and click "Scrape again" to force a refresh.

Open Graph vs Twitter Card

X/Twitter has its own meta tags (twitter:card, twitter:title, twitter:image, twitter:description) but falls back to Open Graph when they're missing. For most sites, getting OG right covers both. Add Twitter-specific tags only when you want a different image or description on X than on LinkedIn. This tool lists both sets side by side, so a twitter:image that points somewhere other than og:image is easy to spot.

Explore more tools

FAQ