Open Graph Preview

Why this Open Graph preview tool exists

Most 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. iMessage has a 200 KB image limit. Pinterest wants vertical 1000×1500. Slack caps HTML fetch at 32 KB. 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 Fediverse (Bluesky + Mastodon + Threads). 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 runs your og:image 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. Two exceptions: Pinterest prefers 1000×1500 vertical (2:3 ratio), and iMessage has a hard 200 KB file size cap. WhatsApp is lenient — anything down to 300×200 renders fine. The image auditor in this tool shows green/yellow/red per platform so you know before you ship.

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 served from an origin without CORS headers. 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 checks both sets and flags conflicts.

Explore more tools

FAQ