← Back to all tools

🖼️ OG Image Preview

Preview how your site looks when shared on social media

Preview

📘 Facebook / LinkedIn

example.com

🐦 Twitter / X

example.com

You might also like

🏷️Meta Tag Generator 🎨Favicon Generator 📐Image Resizer 🖼️Placeholder Image

About OG Image Preview

Preview how your website will appear when shared on Facebook, Twitter/X, and LinkedIn. Enter your Open Graph title, description, image URL, and site URL to see a live preview of social media cards. Ensure your content looks perfect before sharing.

How to Use Open Graph Image Preview

  1. Enter your page URL or meta tag values
  2. Preview how your page appears on Facebook, Twitter, and LinkedIn
  3. Check og:image dimensions and aspect ratio
  4. Verify og:title and og:description display
  5. Fix issues before sharing your content

About Open Graph Image Preview

When you share a URL on social media, platforms fetch Open Graph (og:) meta tags to create rich previews — the image, title, and description that appear in the share card. A missing or poorly sized og:image means an ugly or empty preview, drastically reducing click-through rates. Facebook recommends 1200×630 pixels, Twitter recommends 1200×675 for summary_large_image cards, and LinkedIn uses similar dimensions. This preview tool simulates how your page will appear on major platforms before you share it, letting you catch issues: wrong image, truncated title, missing description, or incorrect URL. Fix problems before your content goes live.

Frequently Asked Questions

What's the ideal og:image size?

1200×630 pixels (1.91:1 ratio) works across all platforms. Facebook, LinkedIn, and Twitter all display well at this size. Minimum 200×200, recommended minimum 600×315. Always use HTTPS URLs.

Why isn't my image showing?

Common causes: missing og:image tag, image URL returns 404, image is too small (<200px), HTTP instead of HTTPS, or the platform hasn't re-scraped your page. Use Facebook's Sharing Debugger to force a re-fetch.

How do I update a cached preview?

Facebook: developers.facebook.com/tools/debug (Scrape Again). Twitter: cards-dev.twitter.com/validator. LinkedIn: linkedin.com/post-inspector. Each platform caches previews and needs manual refresh after changes.

Do I need different images for each platform?

One 1200×630 image works everywhere. For optimization, you can specify twitter:image separately from og:image, but it's rarely necessary. Consistent branding across platforms is usually better.

What about dynamic og:images?

Services like Vercel OG generate images on-the-fly with dynamic text (blog title, author, date). This creates unique, professional share images for every page without manual design work.

Related Tools

Meta Tag Generator → Image Resizer → Favicon Generator → QR Code Generator →