X (Twitter) Card Preview

Generate and preview X card meta tags.

Title36/60

Description134/160

Canonical URL

Social image URL

1200 × 630 pixels, absolute URL.

Site name

Content type

X card type

X handle

Meta tags for your page headhtml

<!-- X (Twitter) -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Free Online Tools for Everyday Tasks" />
<meta name="twitter:description" content="Fast, free online tools for calculations, image editing, PDF tasks, text processing and developer utilities. No installation required." />
<meta name="twitter:image" content="https://tools.gamesloop.in/og-image.png" />
<meta name="twitter:site" content="@gamesloop" />

Platforms cache scraped metadata aggressively. After changing your tags, force a re-scrape with the Facebook Sharing Debugger or LinkedIn Post Inspector — otherwise the old preview persists for days.

What does X (Twitter) Card Preview do?

Build X card meta tags and preview how a link will render, for both the summary and large-image card types. Title and description truncation is shown, since X cuts them shorter than most platforms.

How to Use X (Twitter) Card Preview

1
Choose the card typeLarge image gets far more attention in the feed.
2
Fill in the detailsTitle, description and image URL.
3
Check the previewNote where the text is cut.
4
Copy the tagsPaste them into your page head.

Key Features

Summary and summary_large_image card types
Live preview with X’s own truncation limits
Image ratio validation: 1:1 for summary, 1.91:1 for large image
Open Graph fallback tags generated alongside
Warning when the image URL is relative or missing

Frequently Asked Questions

Which card type should I use?

summary_large_image for almost everything — it occupies far more space in the timeline and consistently earns more engagement. Plain summary suits short, image-light links.

What image size does X need?

For a large image card, at least 300 × 157 and ideally 1200 × 628, under 5 MB, in JPG, PNG, WebP or GIF. A summary card uses a 1:1 image of at least 144 × 144.

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

Not usually. X reads og:title, og:description and og:image when the twitter: equivalents are missing. You do need twitter:card to choose the card type.

Why is my card not showing?

Common causes are a relative image URL, an image blocked by robots.txt, a page requiring login, or a cached old version. X caches card data for around a week.

Runs in your browser

Analysis runs on the text or HTML you paste, inside your browser. Nothing is fetched from your site and nothing is uploaded, so the tools work on staging environments and pages behind a login.

How the rest of the site handles data