Twitter Card Preview
Preview how your link looks as an X (Twitter) card and generate the twitter: meta tags to match.
Meta tags
Preview
Drag & drop a local image to see it in the card, or click to browse
No uploads. The file never leaves your device and is not part of the meta tags.
example.com
Your card title
Your card description will appear here.
Checklist
How it works
Fill in the fields and this Twitter card preview draws the card X would build from your
tags, then writes the matching twitter: meta tags for you to paste into your
page’s <head>. Switching the card type reshapes the preview:
summary uses a small square thumbnail, while
summary_large_image uses the wide 2:1 banner most links use today.
The character counters follow X’s own limits — 70 characters for the title and
200 for the description — and the checklist flags the classic mistakes: a relative
image path, a missing twitter:image:alt, or a handle typed without the
@. Everything runs in your browser with plain JavaScript. Nothing is uploaded,
no URL is fetched unless you tick the box, and a local image you drop in is read straight
from disk, so the tool works on localhost and unpublished drafts that the X Card Validator
cannot reach.
Frequently asked questions
How do I test a Twitter card without publishing the page?
Type your title, description and image URL into the fields above and the card is drawn instantly in your browser. Because nothing is fetched from a server, it works for localhost, staging sites, intranet pages and unpublished drafts that X's own Card Validator cannot reach. You can even drag in a local image file to see exactly how your artwork crops inside the card — the file is read from disk and never uploaded.
What size should a Twitter card image be?
For summary_large_image use a 2:1 image at least 300 × 157 pixels — 1200 × 628 is the practical sweet spot. For a plain summary card use a square 1:1 image at least 144 × 144 pixels. Either way keep the file under 5 MB and use JPG, PNG, WEBP or a non-animated GIF, and always give an absolute https:// URL, since crawlers cannot resolve a relative path like /card.png.
How long can a Twitter card title and description be?
X truncates the title around 70 characters and the description around 200, and on narrow phone screens the description is often cut even shorter. The live counters next to each field turn red once you cross either limit. Note that when a card renders on the timeline the description is frequently hidden altogether, so put the value proposition in the title.