What is a Twitter Card?

A Twitter Card is a rich preview attached to a tweet when someone shares your URL. Instead of a plain link, followers see an image, title, and description — or even an embedded video or app download button. Cards are controlled by meta tags in your page's .

What is the difference between summary and summary_large_image?

"summary" shows a small square thumbnail to the left of your title and description. "summary_large_image" shows a large banner image above the title and description, which is far more eye-catching and generally better for blog posts and landing pages.

What image size should I use for a Twitter Card?

For summary_large_image use at least 1200 × 628 px (2:1 ratio) and keep the file under 5 MB. For summary, a 200 × 200 px square image is the minimum, but 400 × 400 px or larger is recommended. Use JPEG, PNG, or WebP.

Do I need to validate my Twitter Card after adding the tags?

Yes — use the Twitter Card Validator (cards-dev.twitter.com/validator) to preview how your card looks and clear the Twitter cache. The validator requires you to be logged into Twitter.

What is the twitter:site tag?

"twitter:site" should be the @username of the website's Twitter/X account (e.g. @top10k). "twitter:creator" is the @username of the individual author of the content. Both are optional but recommended for attribution.

Will Twitter fall back to Open Graph tags?

Partially. Twitter/X falls back to og:title and og:description if twitter:title and twitter:description are absent. However, it does not reliably fall back for the card type or image in all cases, so always add explicit twitter: tags for the best results.

Twitter Card Generator

Name: Twitter Card Generator
Availability: InStock
Author: Nham Vu

Fill in your page details, pick a card type, and get copy-ready Twitter Card meta tags with a live card preview.

Twitter / X Card Details

Card Type

Page URL

Title *

0 / 70

Description *

0 / 200

Image URL

Large image: 1200 × 628 px recommended (2:1 ratio)

@site Handle

@creator Handle

Live Card Preview

summary_large_image

Your title will appear here

Your description will appear here

example.com

Generated HTML Tags

Fill in the fields and click Generate Tags

Copied!

Summary

Fill in your page details, pick a card type, and get copy-ready Twitter Card meta tags with a live card preview.

How it works

Choose a Twitter Card type: summary, summary_large_image, app, or player.
Enter your page title, description, and the URL of your card image.
Add your Twitter site handle and an optional creator handle.
Fill in app or player fields if you selected those card types.
Watch the live preview update as you type.
Click "Copy Tags" to copy the HTML snippet and paste it into your page's <head>.

Use cases

Make blog posts show a large hero image when tweeted.
Control the title and description Twitter pulls for any shared URL.
Add app store deep-link cards for iOS and Android apps.
Embed a video player card for media-rich content.
Audit existing pages to verify twitter:card tags are correct.
Prototype Twitter Card tags for new landing pages before deployment.
Generate tags for multiple pages in bulk by quickly swapping inputs.

Frequently Asked Questions

Last updated: 2026-06-10 · Reviewed by Nham Vu