Twitter Card Generator

Unsupported input

The tool may reject input that does not match the expected content, structure, or file type.

Fix: Confirm the tool input requirements and paste the correct type of data.

Incomplete values

Missing fields or partial content can block processing or produce weak results.

Fix: Provide the full required input before running the tool.

Copying placeholder content

Sample or placeholder values can lead to output that looks valid but is not ready for real use.

Fix: Replace placeholders with your actual values before relying on the result.

What's the difference between summary and summary_large_image?

summary uses a small square image (144×144 thumbnail) next to text — compact but less visible in the feed. summary_large_image uses a large horizontal image (1200×630 recommended) above the text — dominates the feed and generally outperforms summary by 2–3× on clickthrough. Most blog posts and articles should use summary_large_image.

Do I need both Twitter Cards and Open Graph tags?

Twitter falls back to Open Graph tags (og:title, og:description, og:image) when the twitter:* equivalents are missing, so the minimum viable setup is just Open Graph. That said, twitter:card is required to force summary_large_image (otherwise Twitter picks based on its own heuristics), and twitter:creator enables attribution. The generator emits both blocks so you're covered everywhere.

How long until Twitter picks up a new image?

Twitter caches card images for 7 days by default. If you change the image and tweet the URL immediately, the cache will still serve the old image. Force a refresh via Twitter's Card Validator — pasting the URL there rebuilds the cache within a minute. Alternatively, append a meaningless query string (?v=2) to bust the cache.

What image dimensions does Twitter require?

For summary_large_image, 1200×628 (1.91:1 ratio) is the recommended size — matches Facebook's Open Graph spec, so one image works on both networks. Minimum is 300×157. Maximum is 5 MB. PNG or JPEG, but not GIF for the main image (GIFs only render as video cards).

Why isn't my Twitter card showing up when I tweet the link?

The most common causes are: (1) the image URL is relative instead of absolute, (2) the page is blocked by robots.txt so Twitter can't crawl it, (3) the image is larger than 5 MB, (4) Twitter's cache still holds a previous 'no card' result — refresh via cards-dev.twitter.com/validator. The generator's preview catches (1) and (3) before deploy.

Does the tool expose any data to Twitter or third parties?

No — everything runs in-browser. The tool doesn't hit Twitter's API, doesn't fetch your image, and doesn't log the inputs. The generated meta tags are the only output. If you want to validate a deployed URL, use Twitter's own validator — that step does contact Twitter, but this tool itself is entirely client-side.