Converter · SOTA 8 platforms · live rendering

Open Graph & Social Card Preview

Preview how any URL looks when shared on 8 platforms: Facebook, Twitter/X, LinkedIn, Discord, Slack, WhatsApp, iMessage, Telegram. Live OG + Twitter Card rendering with pixel-accurate previews.

HTML source or paste meta tags

Previews

Detected meta

How to Use Open Graph Preview in 3 Steps

Configure. Paste a URL (the tool fetches and parses HTML via CORS), or paste raw HTML / meta tags directly.
Process. See side-by-side previews: Facebook, Twitter/X (summary + summary_large_image), LinkedIn, Discord, Slack, WhatsApp, iMessage, Telegram. Each mockup uses that platform's exact layout.
Export. Fix issues with the suggestions panel: missing og:image dimensions, image too small (<200x200 for Twitter), HTTPS-only og:image requirement, broken image URL.

Why Open Graph Preview on Pixlane

When you paste a link into Facebook, Twitter/X, Discord, or Slack, each platform renders a preview card using Open Graph and Twitter Card meta tags. Different platforms use different tags, fallbacks, and sizes — a URL that looks great on Twitter might look broken on LinkedIn. Pixlane previews all 8 major platforms simultaneously with pixel-accurate mockups.

8 Platforms Simultaneously — Facebook 1200×630, Twitter 1200×628 (large) or 120×120 (summary), LinkedIn 1200×627, Discord max 800×450, Slack summary, WhatsApp 300×200, iMessage, Telegram. One paste, 8 previews.
Platform-Specific Tags — Twitter uses `twitter:card`/`twitter:title`/`twitter:image`; Facebook uses `og:*` with fallbacks. Pixlane shows exactly which tag each platform reads and where fallbacks kick in.
Image Validation — Flags images below minimum sizes (Twitter Large needs ≥300×157, Facebook ≥200×200), non-HTTPS URLs, missing dimensions, and unreachable images.
Live Paste-Edit — Edit any meta tag inline and watch all 8 previews update in real time. Perfect for A/B testing different OG titles before shipping.

Frequently Asked Questions

Why do different platforms show different previews?

Each platform has its own meta tag priorities. Facebook and LinkedIn primarily use `og:*` tags; Twitter/X checks `twitter:*` first, then falls back to `og:*`. Discord looks for `og:*` plus `theme-color`. Images, titles, and descriptions all have platform-specific size requirements.

What's the difference between Twitter summary and summary_large_image?

`twitter:card=summary` shows a small square image (120×120) next to text. `summary_large_image` shows a large 1200×628 image above the text — much more visual. Pick the latter unless your image is a tiny icon.

Does og:image need to be HTTPS?

Yes, for Facebook and most modern platforms. HTTP images may be silently rejected or cause mixed-content warnings. Also use absolute URLs (full https://...) — relative paths break on share.

Is this tool free?

Yes. Open Graph Preview on Pixlane is completely free with no signup required.