Tool
Twitter / X Link Preview Checker
See exactly how your URL appears when shared on Twitter / X β before you post.
Just launched! π
Try a recent One Pager
Click any example to instantly preview how it looks on Twitter / X.
Loading examplesβ¦
Twitter / X image specs
| Spec | Value |
|---|---|
| Recommended size | 1200 Γ 675 px |
| Ideal aspect ratio | 16:9 |
| Acceptable range | ~2:1 to 1:1 (off-ratio images are center-cropped) |
| Minimum (large card) | 300 Γ 157 px |
| Maximum | 4096 Γ 4096 px |
| Max file size | 5 MB |
| Supported formats | JPG, PNG, WEBP, GIF (first frame only) |
| URL requirement | Absolute HTTPS, publicly accessible, no auth |
Card types
summary
Small thumbnail
Square thumbnail left of text. Use for articles, product pages.
summary_large_image
Large card
Full-width image above text. Best for visual content β this is what this tool previews.
Minimum required tags
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://example.com/image.jpg">
<meta property="og:image" content="https://example.com/image.jpg">
Specs verified: April 7, 2026
Sources:
X Developer Docs β Summary Card with Large Image
X Developer Docs β Cards Markup
π° Feb 2026: X API switched to pay-as-you-go β no fixed monthly plans for new developers. Details β
Frequently asked questions
Why isn't my Twitter / X card showing?
The most common causes: (1) missing
twitter:card meta tag β this is required and must appear in the page <head>; (2) your image is not publicly accessible β Twitter's crawler can't fetch images behind auth, paywalls, or CDN rules that block bots; (3) Twitter has cached an old (broken) preview β use the Card Validator to force a re-fetch.What image size should I use for Twitter / X?
1200 Γ 675 px (16:9 aspect ratio) is the recommended size for
summary_large_image cards. This is the safest size across all clients. The minimum is 300 Γ 157 px β anything smaller is ignored. Keep the file under 5 MB.Do Twitter and Open Graph tags work the same way?
Twitter will fall back to
og:* tags if twitter:* tags are missing. Best practice is to include both. If you already have og:image, og:title, and og:description, add just one line β <meta name="twitter:card" content="summary_large_image"> β to unlock the large card format.My card shows a different image than expected β why?
Twitter caches previews aggressively. If you recently changed your
og:image, the old image may still show. Use the Card Validator to force a cache refresh. You can also change the image URL (e.g. add ?v=2) to force Twitter to treat it as a new image.What's the difference between summary and summary_large_image?
summary shows a small square thumbnail to the left of the title and description β good for articles and blog posts. summary_large_image shows a large full-width image above the title β better for visual content, product launches, and landing pages. If you want the big card, you must explicitly set twitter:card to summary_large_image.Does Twitter cache OG images? How do I refresh?
Yes β Twitter's crawler caches link previews and won't automatically re-fetch when you update your tags. To refresh: (1) paste your URL into the Card Validator β this forces a fresh crawl; (2) change the
og:image URL slightly (add a query string like ?v=2) so Twitter treats it as a new image.My image loads in a browser but Twitter says it can't fetch it β why?
Twitter's crawler uses its own user-agent and may be blocked by your CDN, firewall, or robots.txt. Check: (1) your CDN isn't rate-limiting or blocking non-browser user agents; (2) the image URL is absolute HTTPS (not relative); (3) the server returns the correct
Content-Type header (e.g. image/jpeg). Test with the Card Validator β it shows the exact error from Twitter's side.Should I use twitter:title and twitter:description too?
They're optional if you have
og:title and og:description β Twitter falls back to those. But if you want a different title or description specifically for Twitter (shorter, more punchy), use twitter:title and twitter:description to override.Confident your meta tags are solid?
Get scored out of 100 β