Twitter Card Generator
Pick a card type, add your handles, title, description and image, and copy the twitter: meta tags. A preview shows roughly how X will display your link.
Card details
Card type
summary_large_image: a wide image across the post. 1200 × 628 px (about 2:1) works well.
The website's account.
The writer's account, if different.
46 characters. X documents a maximum of 70.
109 characters. Up to 200 are allowed.
JPG, PNG, WebP or GIF under 5 MB, at a full https address.
Up to 420 characters.
Not a tag. Used to show the domain on the preview.
Twitter card tags
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@northlinebikes"> <meta name="twitter:creator" content="@jo_rides"> <meta name="twitter:title" content="How to Fix a Slipping Bike Chain in 10 Minutes"> <meta name="twitter:description" content="A worn chain, a bent hanger or a loose cable. Here's how to tell which one it is and fix it with basic tools.">
Preview on X
From northlinebikes.com
Approximate look of a post on x.com. X updates its design often and caches cards, so a change can take a while to show on a link that was already shared.
Private by design
Everything you type stays in this browser tab.
No duplicate tags
Skip title, description and image when Open Graph already covers them.
Both card types
Switch the preview between summary and large image layouts.
Cards on X, in plain terms
X (the tags still say twitter) builds a card for any link in a post. The card's layout comes from twitter:card: summary gives a small square image beside the text, and summary_large_image puts a wide picture across the post. Most blogs and shops use the large one because it simply takes up more room in the feed.
Here's the part many people miss: X falls back to Open Graph. If there's no twitter:title, it uses og:title, and the same goes for the description and image. So if your page already has good og: tags, you only need twitter:card and maybe your handles. Tick "My page already has Open Graph tags" and the generator leaves the duplicates out.
Handles are tidied as you type. The @ is added if you forget it, and characters that can't appear in a handle are dropped.
How to use it
- 1Choose Large image or Summary.
- 2Add the site's handle and, if it's different, the author's.
- 3Fill in title, description, image URL and alt text, or tick the Open Graph option to skip them.
- 4Check the preview, then copy or download the tags.
Tags and limits
- twitter:card: summary_large_image or summary. Always written.
- twitter:site and twitter:creator: your @handles.
- twitter:title: X documents a maximum of 70 characters.
- twitter:description: up to 200 characters.
- twitter:image: JPG, PNG, WebP or GIF under 5 MB. Only the first frame of a GIF is used.
- twitter:image:alt: up to 420 characters, written only when there's an image.
Image sizes that look right
For a large image card, 1200 × 628 pixels (close to 2:1) fills the space without awkward cropping. The smallest X accepts is 300 × 157. For a summary card, use a square image of at least 144 × 144 pixels. A logo on a plain background reads well at that size, a busy photo doesn't.
About the preview
It's an approximation of a post on x.com in dark mode. Large image cards show the title over the bottom of the picture with "From domain" underneath, which is how X shows them at the time of writing. The domain comes from the page URL field, which is only used for the preview and isn't turned into a tag.
X caches cards, so a link that was already shared can keep its old look for a while after you change the tags.
The shortest setup that works
If your page already has og:title, og:description and og:image, two lines are enough for a large card with credit to your account: twitter:card set to summary_large_image and twitter:site with your handle. Tick the Open Graph option and that's what you get.
Add separate twitter: tags only when you want X to show something different, for example a shorter title or an image cropped closer to 2:1 than your Facebook one.
On a site with hundreds of pages, put these tags in your page template rather than writing them by hand. Use this tool to get one page right, then copy the pattern into the template with the title, description and image filled in from each page's own data.
Related tools
What Our Users Say
Real feedback from people using WeblixTools, checked by our team before it appears.
5.0 out of 5 · 1 review
very nice
Frequently Asked Questions
Does X use Open Graph tags?
Yes. When twitter:title, twitter:description or twitter:image is missing, X reads og:title, og:description and og:image instead. You still need twitter:card to choose the layout.
Should I use summary or summary_large_image?
summary_large_image for articles, products and anything with a good picture. summary suits pages where a small logo or icon is enough, such as a profile or a tool.
Why isn't my card showing on X?
Check the tags are in the page's <head>, the image URL is a full https address that opens in a browser, and robots.txt doesn't block X's crawler. X also caches cards, so give it some time after a change.
Is there still an official card validator?
X removed the preview from its Card Validator. The easiest check now is to start a post with your link and look at the card before posting.
Do I need both twitter:site and twitter:creator?
Neither is required. twitter:site credits the website's account, twitter:creator the writer's. Use one, both or none.
Is anything I enter sent to WeblixTools?
No. The tags and preview are made in your browser. The image you type is loaded straight from its own address to draw the preview.
Do the tags work on other apps too?
A few apps, such as Slack and Discord, read twitter: tags when Open Graph tags are missing. Most others read only Open Graph, so it's worth having og: tags on the page as well. The Open Graph Generator writes those.
Why is the image in my card cropped?
X crops images to fit the card shape: about 2:1 for large image cards and a square for summary cards. Keep faces and text near the middle, and start from an image close to that shape.