MetaTag Pro

Twitter card generator

Make the twitter: tags that turn a bare link on X into a card with an image.

Page basics
0 charactersestimated pixel fit
Desktop: 0 px of ~600empty
Phone: 0 px of ~660empty
0 charactersestimated pixel fit
Desktop: 0 px of ~1200empty
Phone: 0 px of ~990empty
Share image
1200 × 630 px works everywhere. Make one or read the size guide.
X (Twitter) card

Your entries are saved in this browser only, so they are still here next visit.

proof · X
No image set
example.com
From example.com

Previews are close approximations. Each platform changes its layout from time to time, and Google may rewrite titles and snippets.

Your tags

Paste inside <head>. Tags without a value are left out.

<!-- fill in the form to generate tags -->

Image rules from X's documentation

  • summary_large_image: 2:1 aspect ratio, at least 300 × 157 px, up to 4096 × 4096 px, under 5 MB.
  • summary: 1:1 aspect ratio, at least 144 × 144 px, up to 4096 × 4096 px, under 5 MB.
  • Formats: JPG, PNG, WEBP and GIF (first frame only). No SVG.
  • twitter:image:alt can hold up to 420 characters.

A 1200 × 630 image (1.91:1) also works; X crops it slightly at the edges. Check yours with the Twitter card validator.

Questions

Which Twitter card type should I use?

summary_large_image for articles, products and landing pages where a picture sells the click. summary for profile-like or reference pages where a square logo or thumbnail is enough.

Do I still need twitter: tags if I have Open Graph tags?

Only twitter:card is essential, because it has no Open Graph equivalent. X falls back to og:title, og:description and og:image for the rest. Adding twitter: versions lets you write different copy for X.

Are Twitter cards still called Twitter cards?

Yes. The platform is now X, but the markup still uses the twitter: prefix and X's developer documentation still calls them cards.

Sources