Free Twitter Card Generator
Create perfect Twitter / X card previews in seconds. Choose from 4 card types, see a live preview, and copy ready-to-paste tags. No sign-up required.
100% Private
Live Preview
Copy-Ready Tags
Works on Mobile
Configure Your Card
Card type
Aim for 55–70 characters. X shows roughly 70 on desktop.
Aim for 125–200 characters. X truncates around 200.
Recommended: 1200 × 630 px (1.91:1 ratio), under 5 MB. JPG, PNG, WEBP or GIF.
Important for screen readers. Recommended by X.
The @handle of the site/company.
The @handle of the content author.
Generated Twitter Card Tags
<!-- Start typing on the left to generate twitter: tags -->
Where to add: Paste the tags inside the
<head> of your HTML. Test your card by pasting the URL into a draft tweet, or use the Card Validator. X caches cards — add ?v=2 to the URL to force a refresh.
What Is a Twitter Card?
A Twitter Card (now officially "X Card") is a rich media preview that appears when a URL is shared on X / Twitter. It shows a title, description, image or video, and sometimes app install info — all controlled by twitter: meta tags in your page's <head>.
Without Twitter Cards, shared links appear as plain text URLs with no preview. With them, links become visually clickable cards that get 2–3× more engagement.
The 4 Twitter Card types
summary_large_image— full-width hero image above the title. Best for blogs, articles, product pages. The most popular card type in 2026.summary— small square thumbnail next to the title. Good for profile pages, podcasts, news articles where image space is limited.app— mobile app install card with icons and deep links for iPhone and Android.player— embedded video or audio player (YouTube, Vimeo, Spotify, SoundCloud).
The essential twitter: tags
twitter:card— required. One of the 4 types above.twitter:title— the headline. Aim for 55–70 characters.twitter:description— the summary. Aim for 125–200 characters.twitter:image— the picture. Required for summary and summary_large_image.twitter:image:alt— alt text for accessibility. Strongly recommended.twitter:site— the @handle of the website / company.twitter:creator— the @handle of the content author.
Image size recommendations
- summary_large_image: 1200 × 630 px (1.91:1 ratio)
- summary: minimum 144 × 144 px (1:1 ratio)
- Maximum file size: 5 MB
- Formats: JPG, PNG, WEBP, GIF (non-animated)
- URL: must be absolute (
https://…)
Twitter Cards vs Open Graph
Twitter / X reads both twitter: and og: tags. If twitter: tags exist, they take priority. If not, X falls back to Open Graph tags. Best practice: include both so your cards look great everywhere — Facebook, LinkedIn, WhatsApp, Discord, Slack and X.
How to test your card
- Publish your page with the tags in place.
- Open a new tweet composer on X and paste your URL — the preview appears automatically.
- Or use the Card Validator (still live for diagnostics).
- If the preview looks wrong, X may have cached an old version — append
?v=2to your URL to force a fresh scrape.
Common Twitter Card mistakes
- Wrong image size. Images smaller than 144×144 are ignored. Use 1200×630 for large image cards.
- Missing twitter:card tag. Without it, X shows nothing — no card, just a plain link.
- Relative image URLs. X won't resolve
/image.jpg. Always usehttps://yoursite.com/image.jpg. - Image aspect ratio off. A tall portrait image will be cropped to fit 1.91:1 — plan for a horizontal layout.
- Using uppercase "Twitter". The tag name is
twitter:card— lowercase — even though the platform is X now. - Tags inside the body.
twitter:tags must be inside<head>. - Missing alt text. Not fatal, but X recommends
twitter:image:altfor accessibility and it can improve click-through on some clients.
Frequently Asked Questions
What is a Twitter Card?
A Twitter Card is a rich preview that appears when a URL is shared on X / Twitter. It shows a title, description, image, and sometimes video or app info. Twitter Cards are controlled by meta tags in the head of your page.
What is the difference between summary and summary_large_image?
The
summary card shows a small square thumbnail to the left of the text. The summary_large_image card shows a full-width hero image above the text. Large image cards get more engagement but take up more space in the timeline.What size should twitter:image be?
For
summary_large_image, use 1200 × 630 pixels (aspect ratio 1.91:1). For summary, use a minimum of 144 × 144 pixels with a 1:1 ratio. Keep images under 5 MB and use JPG, PNG, WEBP or GIF format.Do I need both twitter: and og: tags?
Twitter / X falls back to Open Graph tags if
twitter: tags are missing. But to control exactly how your card appears on X, include twitter: tags. Including both maximizes compatibility across all social platforms.How do I test my Twitter Card?
Use the official Card Validator at cards-dev.twitter.com/validator, or simply paste your URL into a draft tweet on X. The preview shows exactly how your card will appear. X caches cards, so you may need to add a query parameter to force a refresh.
Why isn't my card showing up?
The most common causes: (1) missing
twitter:card tag, (2) image URL not absolute, (3) image smaller than the minimum size, (4) image blocked by robots.txt, (5) X has cached an old version — append ?v=2 to the URL to force a refresh, or (6) tags inside the body instead of the head.Is this Twitter Card generator free?
Yes — 100% free, no sign-up, runs entirely in your browser. Nothing you enter is ever uploaded to a server.