Large image card
- Input
- summary_large_image, 1200 × 628 banner
- Output
- <meta name="twitter:card" content="summary_large_image" />
The wide banner takes far more space in the timeline than a summary card, which is why most publishers use it.
Twitter Card Generator
Twitter card tags control how your link appears when shared on X. They set the card type, headline, description and image, overriding the Open Graph tags X would otherwise fall back to. Choose a card type, fill in the fields, check the preview, and copy the tags into your page's head.
Runs entirely in your browser — nothing you type is uploaded.
The page being shared.
X cuts this around 70 characters.
Around 200 characters before truncation.
1200 × 628 for a large image card.
The only accessibility attribute a card supports. Under 420 characters.
The account behind the website.
The individual author.
Add a page URL and title to generate the tags.
How to
How to use the Twitter Card Generator
- 1
Choose the card type
Summary shows a small square thumbnail. Summary large image shows a wide banner and earns noticeably more clicks.
- 2
Add title and description
X truncates the title around 70 characters and the description around 200, so front-load what matters.
- 3
Add an image
Use 1200 × 628 for a large image card, or a square image of at least 144 × 144 for a summary card.
- 4
Copy the tags
Paste them into the <head>. X caches cards, so changes can take time to appear.
Examples
Twitter Card Generator examples
Summary card
- Input
- summary, square 400 × 400 image
- Output
- <meta name="twitter:card" content="summary" />
A compact card with a square thumbnail beside the text. Suits short updates where a banner would be overkill.
Wrong ratio for the card type
- Input
- summary_large_image with a 400 × 400 square image
- Output
- Warning: large image cards expect roughly 1.91:1
X crops a square image to fit the banner, cutting the top and bottom. The tool flags the mismatch before you publish.
Why use it
What the Twitter Card Generator gives you
Preview the card first
See the headline, description and image as they appear in a timeline, with X's truncation applied.
Ratio checked per card type
The image is measured and compared against what your chosen card type expects, so bad crops are caught early.
Correct escaping
Ampersands, angle brackets and quotes are escaped in the right order, so a title containing them cannot break the page.
Open Graph fallback included
Optionally emit matching og: tags, so the same link also renders properly on Facebook, LinkedIn and Slack.
Free and private
No account, and nothing you type leaves your browser.
Good to know
Twitter Card Generator limitations
- X caches cards. A changed image or title can take time to appear, and there is no longer a public validator to force a refresh.
- The image must be absolute, publicly reachable and under 5 MB. Images behind a login will not load.
- twitter:site and twitter:creator must be real handles including the @ — an invalid handle is dropped rather than shown.
- X reads Open Graph when Twitter tags are missing, so these tags only matter when you want different content there.
Summary
Twitter Card Generator in short
- Twitter card tags control how a link renders on X, overriding Open Graph.
- summary_large_image shows a wide banner and earns more clicks than the compact summary card.
- Use 1200 × 628 for large image cards and a square image for summary cards.
- Titles truncate around 70 characters and descriptions around 200.
FAQ
Twitter Card Generator questions
What is a Twitter card?
A Twitter card is the preview panel X shows when someone posts your link. Meta tags on your page decide whether it appears as a compact summary or a large banner, and what headline, text and image it uses.
Which card type should I use?
summary_large_image for almost everything — the wide banner occupies far more of the timeline and attracts more clicks. Use summary when the image is incidental or only a square logo is available.
What image size does X need?
1200 × 628 pixels for a large image card, roughly 1.91:1. Summary cards use a square image of at least 144 × 144. Files must be under 5 MB and in JPG, PNG, WebP or GIF.
Do I need both Twitter and Open Graph tags?
Not strictly — X falls back to Open Graph when Twitter tags are absent. Add Twitter tags when you want a different image or headline on X, or to force a specific card type.
Why is my card not showing on X?
The usual causes are an unreachable image, a relative URL, a page blocked in robots.txt, or X's cache still holding an older version. Check that the image loads in a private window with no session.
How do I test my card?
X retired its public Card Validator, so testing now means posting the link — a draft post is enough to see the preview. The preview here approximates the same layout and truncation.
What do twitter:site and twitter:creator do?
twitter:site is the account behind the website; twitter:creator is the individual author. Both take a handle including the @. They attribute the card and can appear on it, but neither is required.
How long can the title and description be?
Titles are cut around 70 characters and descriptions around 200, though X adjusts by layout. Put the important words first, since truncation always removes the end.
Should I set twitter:image:alt?
Yes. It describes the image for people using a screen reader, and it is the only accessibility attribute a card supports. Keep it under 420 characters.
Discover
Related SEO tools
Open Graph GeneratorGenerate Open Graph meta tags and preview how your link looks when shared on Facebook, LinkedIn and WhatsApp before you publish.Meta Title GeneratorGenerate SEO title tags from your keyword and see exactly where Google truncates each one, measured in pixels rather than characters.Meta Description GeneratorWrite meta descriptions that fit. Generate options from your keyword and see the pixel width Google actually truncates at.Schema GeneratorGenerate valid JSON-LD schema markup for articles, products, local business, events and more. Copy the code and paste it into your page.