Social Media Preview
See how your link looks when shared on Facebook, X, LinkedIn, Discord, Slack, and WhatsApp.
What does this tool do?
Paste any URL and see exactly how it will look when shared on six major platforms. Every platform does its own thing with your link. Facebook crops the image one way, WhatsApp shows a tiny thumbnail, Discord adds a colored border.
The previews are built from the Open Graph and Twitter Card meta tags on your page. If something looks wrong here, it will look wrong when someone shares your link. Run your URL through the OG Tag Validator to find out exactly what is broken.
Which platforms are supported?
The tool shows a realistic preview for each of these platforms:
- Facebook: full-width image on top, grey background card with title, description, and site name below
- X (Twitter): large image card or compact summary card depending on your twitter:card tag
- LinkedIn: image with title and domain, description is often hidden in link posts
- Discord: dark theme embed with colored left border from your theme-color tag, image below the text
- Slack: left accent border with site name, title, description, and image below
- WhatsApp: compact chat bubble with thumbnail when there is an image, text-only when there is not
How to check your social media previews
Three steps:
- Paste your page URL into the field above and click Preview
- Click through the tabs to see how it looks on each platform
- Open "View all platforms at once" to compare them side by side
How to fix a bad preview
If the preview looks wrong, check your Open Graph meta tags. At minimum you need og:title, og:description, og:image (absolute URL, at least 1200x630 pixels), and og:url. Use our OG Tag Validator to get a full audit of what is missing or broken.
After fixing your tags, remember that platforms cache previews. Facebook keeps the old version until you use their Sharing Debugger to force a refresh. LinkedIn has a Post Inspector. Discord clears its cache after about 30 minutes. WhatsApp can take hours.
Common questions
Why does my link look different on each platform?
Every platform has its own rules for how big the image should be, how many characters of the title it shows, and where it puts things. Facebook gives you a big image up top. WhatsApp squishes everything into a small bubble. This tool lets you see all of them without actually posting.
How do I fix a bad preview?
Add or fix the Open Graph meta tags in your HTML head. You need og:title, og:description, og:image (absolute URL, at least 1200x630), and og:url. Use our OG Tag Validator to check what is missing. If you need to create the tags from scratch, use the OG Tag Generator.
Why is the preview not updating after I changed my tags?
Platforms cache link previews. Facebook has a Sharing Debugger that lets you clear their cache. For Twitter, use the Card Validator. LinkedIn has a Post Inspector. Discord caches for about 30 minutes.
What is the best image size for social sharing?
1200x630 pixels works on every platform. Keep the file under 300KB for WhatsApp. Facebook allows up to 8MB. If your image is smaller than 200x200, Facebook will skip it entirely.
Why does Discord show a colored border on the left?
Discord reads the theme-color meta tag from your HTML and uses it as the border color on link embeds. If you do not set one, the border is grey. Add a meta tag like this to your head:
What is the difference between summary and summary_large_image on Twitter?
The twitter:card tag controls the layout. "summary" shows a small square thumbnail next to the text. "summary_large_image" shows a full-width image above the text. Most websites use summary_large_image because the big image gets more clicks.