What is Twitter Card Preview?
Twitter Card Preview shows you how your links will look when shared on Twitter/X. Enter a URL or fill in the title, description, and image to preview both Summary and Summary with Large Image card types before you post.
The preview renders the same proportions Twitter/X uses on its web client: 2:1 banner for Summary with Large Image (recommended for blog posts and product launches), and a 1:1 thumbnail for Summary (better for category pages and reference links). It also generates the matching meta tags so you can paste them straight into your site's <head> without hand-rolling each one.
How to use
- Step 1 — Fill in the title, description, and image URL, or paste your page's HTML to import its existing twitter: and og: tags in one go.
- Step 2 — Select the card type: Summary (small thumbnail) or Summary with Large Image (banner-style preview).
- Step 3 — Review the live preview to see exactly how your link renders in a Twitter/X timeline, optionally inside a full tweet and on LinkedIn, Facebook, Slack and Discord, then adjust fields as needed.
When to use
- Checking how a blog post or article will appear before tweeting the link to your audience.
- Auditing existing landing pages whose share cards look broken or default to a logo crop.
- Picking which card type (Summary vs Large Image) suits a given page type before adding the meta tags.
Result
You're about to share a blog post link on Twitter/X. You paste the page's HTML to load its tags, and the preview shows the card is missing a description and the image is cropped. You fix both fields and confirm the large image card looks professional before tweeting.
FAQ
- What's the difference between Summary and Summary with Large Image?
- Summary uses a small square thumbnail on the left of the card with the title and description on the right. Summary with Large Image puts a wide banner above the title. The large variant takes more space in the timeline and almost always gets higher click-through.
- What image dimensions does Twitter/X actually display?
- For Summary with Large Image, the displayed area is roughly 2:1 (e.g. 1200×600 px). Twitter accepts anything from 300×157 to 4096×4096 but crops to 2:1, so important text or faces should stay inside the centred 2:1 zone.
- Do I need a Twitter developer approval to use these meta tags?
- No. Twitter Card meta tags work for any public site without approval. The old validator that required approval is retired. Just add the tags to your <head>, deploy publicly, and the next time someone shares the URL the card renders.
- Why does my card preview not show on Twitter even though the meta tags are correct?
- Twitter caches card responses heavily. After fixing meta tags, the old card can stick for hours. Sharing a URL with a tracking suffix (?v=2 or a UTM) forces a fresh fetch. Robots.txt blocking Twitterbot is another common cause to check.
- Should I use Open Graph or Twitter tags?
- Twitter falls back to Open Graph (og:title, og:description, og:image) when twitter:* tags are missing, so you can usually get away with just OG. Add twitter:card and twitter:image if you want full control over which image and layout Twitter picks.
Related Tools
Structured Data Generator
Generate JSON-LD schema markup for SEO
Webpage to PDF
Capture a webpage as a PDF
Privacy Policy Generator
Generate a privacy policy for your site
Terms of Service Generator
Generate a terms of service document
Cookie Consent Generator
Generate cookie consent banner code
CSS Minifier
Minify CSS code to reduce file size