My Tool Studio
SEOURL-first

Twitter (X) Card Generator

This Twitter card generator builds the twitter meta tags that decide how a link looks when it is posted on X. Choose summary_large_image for a wide picture, summary for a small square thumbnail, player for inline video or audio, or app for an App Store or Google Play listing. Fill in the title, description, image, alt text and the @site and @creator handles, or paste a URL to auto-fill from existing tags. Counters track X's text limits, and a live preview shows the card. The image is checked for reachability, file type, size under 5 MB and shape. X's own validator no longer shows a preview, so check here before you post. Copy or download the result as HTML or Next.js metadata.

Always freeNo sign upRuns in your browser

The brand or publication account

The author's account (optional)

0 / 70 characters

0 / 200 characters

At least 300 x 157, 1200 x 600 (2:1) is ideal, under 5 MB

0 / 420 characters

A summary_large_image card also needs a title.
Card preview
No image
example.com
Your title here
Your description here

X retired its Card Validator. To test for real, paste the link into a new post draft and look at the card before you publish.

<meta name="twitter:card" content="summary_large_image" />

How to use

01

Auto-fill from a URL or try the sample

Paste your page address and click Auto-fill. The tool reads existing twitter tags first and uses og tags or the page title where they are missing. Click Try sample to see a finished card.

02

Pick a card type and edit the fields

Choose summary_large_image, summary, player or app, then fill in the fields. Player and app cards show their own fields, and a warning lists anything the chosen type still needs.

03

Check the image and copy the tags

Read any warnings under the preview, such as a file over 5 MB or an image far from a 2:1 shape. Choose HTML or Next.js metadata, then press Copy or Download and add it to your page.

Why Twitter (X) Card Generator

Twitter card types and image sizes

X supports four card types, and this generator writes all of them. Summary and summary_large_image suit ordinary web pages. Card images can be JPG, PNG, WEBP or GIF under 5 MB; for an animated GIF only the first frame is used, and SVG is not supported.

If you already have a 1200 x 630 Open Graph image, it works for summary_large_image; X crops it slightly to fit the 2:1 frame.

Card typeLayoutImage
summarySmall square thumbnail beside the titleAt least 144 x 144 px, 1:1
summary_large_imageWide image above the titleAt least 300 x 157 px, 2:1, such as 1200 x 600
appApp name, icon and store linkUses the store icon; needs app IDs
playerInline video or audio playerNeeds a player URL, width and height

Common questions

What's the difference between the summary and summary_large_image twitter cards?
Layout. A summary card puts a small square thumbnail beside the title, while summary_large_image shows the picture full width above the text in a 2:1 shape. Large image cards take more space in the feed and suit posts with strong artwork; the small card suits docs and pages without a hero image.
Do I need twitter card meta tags if the page already has og tags?
You need at least twitter:card, which has no Open Graph equivalent and sets the layout. X falls back to og:title, og:description and og:image for the content. So a minimal setup is your existing og block plus one twitter:card line from this tool.
Which twitter:card value should a blog post use?
summary_large_image, in most cases. Posts usually have a featured image sized for Open Graph at 1200 by 630, which fits the large card well after a small crop. Use summary only when your images are square or the page has no strong visual.
Can this x card generator credit the author separately from the site?
Yes, that is what the two handle fields are for. twitter:site names the publication's account and twitter:creator names the individual author. On a team blog, set @site once in the template and change @creator per post.
What are the character limits for Twitter card titles and descriptions?
X's card markup reference lists 70 characters for twitter:title, 200 for twitter:description and 420 for twitter:image:alt. Longer text may be cut. The counters under each field turn red once you pass the limit.
Does the Twitter card generator check my image?
Yes. Once you enter an image URL, it sends a HEAD request to confirm the file loads and read its type and size, then loads it in your browser to measure it. It warns if the file is over 5 MB, is not JPG, PNG, WEBP or GIF, or is under 300 x 157 for a large card or 144 x 144 for a summary card.
How do player and app cards work in the Twitter card generator?
Pick player or app under Card type and extra fields appear. A player card needs @site, a title, an https player URL shown in an iframe, its width and height, and an image shown before it plays. An app card needs @site and at least one App Store or Google Play ID. The tool lists anything still missing. X may not show these cards for every account or app.
Why does X show my link without a card?
Common causes are a missing twitter:card tag, an image on a relative or http URL, an image X cannot fetch because robots.txt blocks it, or a page that needs a login. X also caches cards, so a fix can take a while to show on a URL that was shared before.

More SEO tools

View all

Meta Tag Generator

Build meta, OG and X tags

SEO
URL-first

Meta Tag Analyzer

Audit meta tags for one or 20 URLs

SEO
URL-first

Robots.txt Generator

Build a robots.txt with presets

SEO

Robots.txt Tester and Validator

Test URLs against any robots.txt

SEO
URL-first