Try a recent One Pager

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 →

Twitter / X Link Preview Checker