What's the difference between summary and summary_large_image?

summary shows a small square thumbnail beside the title and description. summary_large_image shows a wide 1.91:1 image above the text — more visual impact, great for articles and product pages.

What image size should I use?

For summary_large_image, use 1200×628px JPG or PNG. For summary, a 512×512px square works. Keep the file under 5MB.

Do I still need og: tags?

Twitter falls back to og:title, og:description and og:image if twitter:* tags are missing. For best results, include both sets — they're already aligned in our Meta Tag Generator.

Why isn't my card showing on X?

X caches card data per URL. After updating tags, run the URL through the Card Validator (cards-dev.twitter.com/validator) or post the link in a draft to force a re-fetch.

What are twitter:site and twitter:creator?

twitter:site is the @handle of the website itself. twitter:creator is the @handle of the individual author. Both are optional but recommended for attribution.

Will this also work for Bluesky/Mastodon?

Those platforms read Open Graph (og:) tags rather than twitter:* tags. Use the Open Graph Preview tool to test those, and include both sets in your for maximum compatibility.

Twitter Card Preview

Preview your Twitter card and generate twitter:* meta tags.

100% private — no uploads SEO ToolsFree & unlimited Read tutorial

See how it works

Watch a quick simulation of this tool in action — no file needed.

How to use Twitter Card Preview

Follow these steps — everything happens instantly in your browser.

1
Step 1. Choose a card type — summary (square thumbnail) or summary_large_image (wide hero).
2
Step 2. Fill in the title, description, image URL and your site @handle.
3
Step 3. Watch the live preview update to match how X/Twitter will render your card.
4
Step 4. Copy the generated twitter:* meta tags into your page's <head>.