Skip to content

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.

html
<meta property="og:image" content="https://render.cuelark.com/v1/og?title=We+open-sourced+our+design+system&amp;description=60+accessible+React+components%2C+MIT+licensed&amp;eyebrow=Launch&amp;site=%40yourhandle&amp;theme=dark&amp;size=x" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="675" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://render.cuelark.com/v1/og?title=We+open-sourced+our+design+system&amp;description=60+accessible+React+components%2C+MIT+licensed&amp;eyebrow=Launch&amp;site=%40yourhandle&amp;theme=dark&amp;size=x" />

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.

Frequently asked questions

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.

Related free tools from Cuelark

Updated November 10, 2026 by the Cuelark Team.