# X (Twitter) card generator

> Make a 1200×675 summary_large_image picture for links shared on X and copy the twitter:card meta tags that make it show up.

URL: https://render.cuelark.com/twitter-card-generator

## The tags X reads
```html
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="We open-sourced our design system" />
<meta name="twitter:description" content="60 accessible React components" />
<meta name="twitter:image" content="https://render.cuelark.com/v1/og?size=x&theme=dark&title=We+open-sourced+our+design+system" />
```

## Why your card isn't showing
- twitter:card is missing. Without summary_large_image, X shows a small thumbnail or nothing.
- The image URL is relative. It must be an absolute https:// URL.
- The page blocks X's crawler (Twitterbot) in robots.txt.
- X caches previews. Changes can take a while to appear on links that were already shared.

## FAQ
### 1200×630 or 1200×675 for X?
Both work. X shows large cards at about 1.91:1 in most places, but 16:9 (1200×675) avoids cropping in some views. Pick X size in the maker for 1200×675.

### Does X still use twitter: tags?
Yes. X falls back to og: tags, but twitter:card is what asks for the large image format.