What is the difference between summary and summary_large_image?

summary shows a small square thumbnail beside the title and description, suited to text-led links. summary_large_image shows a large full-width image above the title and description, ideal for visual content like articles, products, and videos. Most publishers use summary_large_image.

What image size and format should I use?

For summary_large_image, use a 2:1 ratio image at least 300x157 and up to 4096x4096 pixels, commonly 1200x600 or 1200x628. For summary, use a 1:1 square at least 144x144. Supported formats are JPG, PNG, WEBP, and GIF, with a file under 5 MB.

What are twitter:site and twitter:creator?

twitter:site is the @handle of the website or publisher, and twitter:creator is the @handle of the individual author. They attribute the card and can surface follow prompts. Both are optional but recommended when you have the handles.

Does X read Open Graph tags as a fallback?

Yes. If twitter: tags are missing, X falls back to Open Graph tags like og:title and og:image. Providing dedicated twitter: tags gives you precise control on X, which is why this builder emits them explicitly.

Why does my card not show after I add the tags?

X caches cards, so changes may not appear immediately. Ensure the image is publicly reachable over https, the page is not blocked by robots, and the tags are inside the head. New cards can take time to propagate as the crawler re-fetches the page.

Twitter Card Meta Tag Builder

Email me this result

Get this tool's output sent to your inbox, plus one useful tool a week. No spam, unsubscribe any time.

Control exactly how your links look on X

When a link is posted to X, the Twitter Card meta tags decide whether it appears as a flat URL or a polished card with an image, headline, and summary. This builder generates every tag X reads, lets you pick between the compact and large-image layouts, and shows a live preview so you can see the result before you ship.

How it works

The tool emits the Twitter Card tags in the order the crawler expects:

twitter:card — summary or summary_large_image.
twitter:title and twitter:description — the headline and summary text.
twitter:image and twitter:image:alt — the preview image and its accessible description.
twitter:site and twitter:creator — the publisher and author @handles (the tool normalises them to start with @).

The live preview mirrors how X lays out each card type: a square thumbnail on the left for summary, or a full-width banner on top for summary_large_image. All values are HTML-escaped so quotes and ampersands in your copy cannot break the markup.

Tips and example

Default to summary_large_image for anything visual — it occupies more feed space and earns more clicks.
Keep titles under about 70 characters and descriptions under about 200; X truncates beyond that.
Always host the image at a public https URL. Images behind auth, on http, or blocked by robots will not render.
Use the official Card Validator after deploying to force a fresh crawl and confirm the card looks right.