Twitter Card Generator

Generate Twitter (X) Card meta tags for summary, summary_large_image, app, and player cards, with a live X card preview and all card-specific fields.

Card type

summary shows a small thumbnail; summary_large_image shows a big banner; app promotes a mobile app; player embeds video or audio.

Card content

0 characters (max 70)

0 characters (max 200)

Shown as the domain in the card preview.

Card image

0 characters (max 420)

X card preview

No image yet


    

  



    

    

      
The Twitter Card Generator builds the twitter: meta tags that control how your link looks when it is shared on Twitter/X. Pick a card type — summary, summary_large_image, app, or player — fill in the title, description, image, handles, and card-specific fields, then copy a clean snippet for your page's . A live X-style card preview shows exactly how your post will render before you ship.

      

        
What is a Twitter Card?

        
A Twitter Card (now called an X Card) is a rich media preview that appears when someone shares your link on Twitter/X. You enable it by adding twitter: meta tags to your page's . The required twitter:card tag picks the layout, and the other tags supply the title, description, image, attribution handles, and app or player details. When twitter: tags are missing, X falls back to your Open Graph tags, but adding explicit twitter: tags gives you full control over the card.

        
      

      

        
How to generate Twitter Card tags

        
Choose a card type and fill in the fields on the left, then paste the snippet into your .

        
  1. Pick the twitter:card type: summary, summary_large_image, app, or player.
  2. Add your twitter:site and twitter:creator handles, plus a title and description.
  3. For image cards, paste an image URL and alt text; for app or player cards, fill the matching fields.
  4. Check the live X card preview, click Copy, and paste the tags inside your page's .

      

      

        
Twitter Card types explained

        
There are four card types. summary shows a small square thumbnail beside the title and description. summary_large_image shows a large 2:1 banner above the text — best for articles and visual content. app drives installs of your iOS and Android apps using store IDs instead of an image. player embeds a video or audio player directly in the timeline, and requires an HTTPS iframe URL with width and height.

        
      

      

        
Recommended Twitter Card image size

        
For summary_large_image, use a 2:1 image at least 1200×600 pixels (1200×628 is common). For the small summary card, use a square image at least 144×144 pixels. Keep images under 5 MB and use JPG, PNG, WEBP, or GIF. Always add twitter:image:alt so the card is accessible to screen-reader users.

        
      

      

        
Why use this Twitter Card generator?

        
  • Dedicated card-type workflow — fields change to match summary, summary_large_image, app, or player cards.
  • A live X-style card preview that switches between the large-banner and small-thumbnail layouts.
  • All card-specific fields: twitter:site, twitter:creator, twitter:image:alt, app store IDs, and player URL/width/height/stream.
  • Handles with or without the @ are normalized automatically, and every value is HTML-escaped for safe output.
  • Runs entirely in your browser — nothing is uploaded, and the snippet is yours to copy.

      

      

        
Frequently asked questions

        

          
What is the difference between a Twitter Card and Open Graph?

          
Open Graph (og:) tags are read by many platforms — Facebook, LinkedIn, Slack, Discord, and X — while twitter: tags are read only by Twitter/X. X falls back to your Open Graph tags when twitter: tags are missing, but adding twitter: tags lets you set an X-specific card type, attribution handles (twitter:site, twitter:creator), app cards, and player cards that Open Graph alone cannot express. If you also need og: tags, use the Open Graph Generator.

        

        

          
Which Twitter Card type should I choose?

          
Use summary_large_image for articles and visual pages to get a large banner. Use summary for a compact card with a square thumbnail. Use app when your goal is to drive mobile app installs, and player when you want a video or audio player embedded directly in the timeline.

        

        

          
What image size works best for a Twitter Card?

          
For summary_large_image, use a 2:1 image of at least 1200×600 pixels. For the small summary card, use a square image of at least 144×144 pixels. Keep files under 5 MB and add twitter:image:alt for accessibility.

        

        

          
Do I need both twitter:site and twitter:creator?

          
No, both are optional. twitter:site is the @username of the website or publisher, and twitter:creator is the @username of the individual author. Provide whichever apply — this tool adds the @ for you if you leave it off.

        

        

          
Is this Twitter Card generator free and private?

          
Yes. It is completely free and runs entirely in your browser with JavaScript. Nothing you enter is uploaded or stored — the tags and the preview are generated locally on your device.