shadcn.io— 1,000s of shadcn/ui blocks
Skip to content

Generate an X header image

An X header is not an OG card. It is 1500×500, and the profile photo covers the left side on every official surface. This page locks that canvas and shifts the type out of the avatar’s way so the download is something you can upload without another crop in Preview.

X header · 1500×500
on this device3∶1

Template properties

The copy and marks on the card. Files stay on this device.

Background

Gradient or solid, then direction, grid and grain.

Gradient direction

Grid overlay
0.15

1500×500 · X / Twitter profile banner

How it works

  1. 1Write a short name-and-role line, not a paragraph — the header is a billboard behind an avatar, and anything in the left fifth will disappear on mobile.
  2. 2Keep the banner layout (it is the default). Toggle the safe zone and make sure the last word of the title sits well to the right of the overlay’s left edge.
  3. 3Download the 1500×500 PNG and upload it under X → Profile → Edit profile → Header. That is the only place this file belongs.

The size, honestly

Do not reuse a 1200×630 OG file here: X will stretch it into a 3∶1 ribbon and the title you carefully centered will sit under the avatar. The inverse is also true — a 1500×500 banner is a terrible og:image (too wide, type too small). Keep the jobs apart. Link cards belong on Twitter Card Image Maker or Generate an Open Graph image. This page is only the profile ribbon.

Canvas1500×500 px
Ratio3∶1
Used byX / Twitter profile banner
ExportPNG, composed in this tab

Frequently asked questions