image
Twitter / X Banner Maker
Design pixel-perfect headers for Twitter and X profiles.
Open Graph Preview
Open Graph Preview — Test How URLs Look on Social Media
Enter any URL to see exactly how it appears when shared on Facebook, Twitter/X, WhatsApp, and LinkedIn. Inspect meta tags, and download Open Graph images and website favicons instantly.
Try an example:
Was this tool helpful?Your feedback helps us make TinyTools better
Quick Start Instructions
Enter a URL to fetch its Open Graph tags and preview the link card on Facebook, Twitter, WhatsApp, and LinkedIn. Download OG images and favicons. No signup.
- 1Enter the full URL of your published webpage.
- 2The tool fetches meta tags, Open Graph images, and site favicon.
- 3Preview exactly how the link looks on Facebook, Twitter, and WhatsApp.
- 4Click 'Download OG Image' or 'Download Favicon' to save the assets locally.
Handpicked Utilities
Explore More Tools
Fast, client-side utility tools handcrafted to boost your productivity.
image
YouTube Thumbnail Generator
Create click-worthy YouTube thumbnails at the exact 1280×720 px spec.
Launch Tool
image
YouTube Thumbnail Downloader
Extract and download high-resolution HD cover images from any video link.
Launch Tool
image
Passport Size Photo Maker
Upload a photo to auto-scale to 35×45mm (India/UK/Schengen) or 51×51mm (US pa...
Launch Tool
image
SVG to PNG Converter
Upload an SVG and set output width or height to rasterize it to a high-res PN...
Launch Tool
image
PNG to JPG Converter
Convert PNG files to JPG with adjustable compression. Transparent areas are f...
Launch Tool
Frequently Asked Questions
How do I download the Open Graph image or website favicon?
Enter the webpage URL, click Preview, and use the 'Download OG Image' or 'Download Favicon' buttons under the Extracted Media Assets section.
Why is my OG image not showing up in the social preview?
Common causes include relative image URLs, blocked by robots.txt, or image file size being too large.
What is the recommended resolution for an Open Graph image?
1200 x 630 pixels provides maximum compatibility across networks.
Does the preview tool permanently cache my website's metadata?
No, it fetches live headers on every request.
How do I fix a missing or truncated meta description?
Add a concise og:description under 150 characters to your <head>.
Will Twitter (X) use Open Graph tags if specific Twitter Cards are missing?
Yes, it gracefully falls back to standard OG tags.
Detailed Guide & Overview
Open Graph Preview Tool: See How Your Links Look When Shared
When you share a URL on WhatsApp, Telegram, Twitter/X, Facebook, LinkedIn, or Slack, the platform automatically fetches metadata from that page and generates a visual "link preview" card — showing the page title, description, and a preview image. This preview is controlled by Open Graph (OG) meta tags embedded in the page's HTML header. Our Open Graph Preview Tool lets you inspect any URL's OG tags and see exactly how the link preview will appear before sharing it publicly.
Essential Open Graph Meta Tags
- og:title — The title that appears in the link preview card. Should be compelling and under 60 characters. Different from the page's HTML title tag.
- og:description — A brief summary shown below the title in the preview. Optimal length: 150–200 characters. Concise, engaging description that encourages clicking.
- og:image — The thumbnail image displayed in the link card. This is the single most important factor in link preview click-through rates. Recommended size: 1200 × 630 pixels.
- og:url — The canonical URL for this page — helps social platforms avoid duplicate entries for pages accessible via multiple URLs.
- og:type — Content type: "website", "article", "product", "video.movie". Affects how platforms categorise and display the content.
- og:site_name — The name of your website, displayed in the preview card.
Twitter Card Meta Tags
Twitter/X uses its own card system alongside Open Graph. The key tags:
- twitter:card — Card type: "summary" (small thumbnail) or "summary_large_image" (full-width thumbnail). Always use "summary_large_image" for maximum visual impact.
- twitter:title — Overrides og:title for Twitter display (max 70 characters)
- twitter:description — Twitter-specific description (max 200 characters)
- twitter:image — Twitter-specific image (1200 × 675 pixels recommended for large card)
Why Your Link Preview Looks Wrong
Common reasons for incorrect link previews:
- Missing OG tags: Platform uses page title and random content, often looking unappealing
- Cached old preview: After updating OG tags, WhatsApp and Facebook may show the old cached version for hours. Force a refresh via Facebook's Sharing Debugger or WhatsApp's preview refresh
- Incorrect image dimensions: Images smaller than 300 × 300px or with wrong aspect ratios may not display
- Image behind authentication: Social crawlers cannot access images that require login — use publicly accessible image URLs
- SSL errors: HTTPS is mandatory for image URLs to load in social previews
Download Open Graph Images & Favicons Instantly
In addition to previewing social share cards across Facebook, Twitter/X, and WhatsApp, our tool automatically extracts and lets you download the full-resolution Open Graph image and website favicon with a single click. This makes it effortless to analyze competitor social banners, archive site assets, or verify high-DPI favicon assets for any public URL.
Optimal OG Image Dimensions by Platform
- WhatsApp / Telegram: 1200 × 630 pixels (1.91:1)
- Facebook / LinkedIn: 1200 × 630 pixels minimum (1200 × 628 px is ideal)
- Twitter/X Large Card: 1200 × 675 pixels (16:9)
- General safe size: 1200 × 630 pixels works well across all platforms