X (Twitter) Card Image Size
An X card image is the preview that appears when someone shares a link. For summary_large_image cards it is 1200 × 675 px (16:9); for the smaller summary card it is 400 × 400 px (1:1). Unlike a post image, this is not uploaded — it is declared in the page's HTML through the twitter:image meta tag, and X fetches it when the link is first shared.
Specifications
| Pixels | 1200 × 675 px |
| Aspect ratio | 16:9 |
| Supported formats | JPG, PNG, WebP |
| Max file size | 5 MB |
| Safe zone | Text is overlaid below the image, not on it — the full frame is usable |
Design Tips
- →Set twitter:card to summary_large_image and twitter:image to a 1200 × 675 px asset. Without the card type declaration X falls back to the small 1:1 summary card, which is far less visible in the timeline.
- →X falls back to Open Graph tags when Twitter-specific ones are absent, so an og:image at 1200 × 630 px usually works. The 45 px height difference means a slight centre-crop — if the design has content near the top or bottom edge, supply a dedicated 1200 × 675 px twitter:image.
- →Use an absolute URL for the image. Relative paths are the single most common reason a card renders as a bare link with no preview.
- →X caches card data aggressively. After changing the meta tags, the old preview can persist for days on already-shared URLs — test with a fresh URL rather than assuming the change failed.
How to Make an X Card Image in Playyy
Making the image is the easy part. A card image isn't uploaded to X — it lives on your own site and you point a meta tag at it.
- 1
Open Playyy
Playyy runs in your browser, so there's nothing to download. Sign in and you'll land on the Home page.
- 2
Type your prompt and set the size to 1200 × 675 px
Pick the 16:9 option from the size options under the input box, or just say "an X card image at 1200 × 675 px" in your prompt. X overlays no text on a card, so the whole frame is yours — but it renders small in the timeline, so ask for one strong subject and high contrast rather than a detailed scene.
- 3
Create your card image, host it, then point the meta tag at it
Export at 1200 × 675 px, keeping it under 5 MB, and upload it to your own site. Then set twitter:card to summary_large_image and twitter:image to the image's full URL — a relative path is the single most common reason a card shows up as a bare link with no preview.
Create X Card Image designs with Playyy
Type a prompt, pick X Card Image from the size options underneath it, and export at 1200 × 675 px — no design software needed.
Start designing free →Frequently Asked Questions
What is the Twitter card image size?+
1200 × 675 px (16:9) for a summary_large_image card, and 400 × 400 px (1:1) for the standard summary card. Maximum file size is 5 MB in JPG, PNG, or WebP.
What is the difference between a card image and a post image?+
A post image is uploaded directly with the post and displays at 1200 × 675 px. A card image is the link preview, declared through the twitter:image meta tag on the destination page and fetched by X. They share the same 16:9 dimensions but are set up in completely different ways.
Why is my X card image not showing?+
The usual causes are a relative rather than absolute image URL, a missing twitter:card meta tag, an image over 5 MB, or X's cache still holding an older version of the page. Card data is cached per URL, so test the change on a URL that has not been shared before.
What is the difference between summary and summary_large_image?+
The summary card uses a small 400 × 400 px (1:1) thumbnail beside the text. summary_large_image uses a full-width 1200 × 675 px (16:9) image above it. The large format takes far more timeline space and is what you want in almost every case.
Can I use my Open Graph image for X cards?+
Usually yes — X falls back to og:image when twitter:image is absent. But og:image is typically 1200 × 630 px and the X card is 1200 × 675 px, so there is a slight centre crop. If the design has content near the top or bottom edge, supply a dedicated twitter:image.