One table, eight platforms, the pixel dimensions each one asks for at upload, and what survives after mobile cropping. Everything below is a free reference. If you design inside the safe zone described here, your banner holds up on every screen; the last section covers a pack of finished headers if you'd rather skip the cropping step entirely.
| Surface | Upload size (px) | What survives the mobile crop |
|---|---|---|
| X / Twitter header | 1500 × 500 | Narrow screens keep the center band; left and right edges get cut first |
| LinkedIn profile banner | 1584 × 396 | Short strip, so center horizontally and expect top/bottom trims on some devices |
| YouTube channel art | 2560 × 1440 | Only the center safe area (1546 × 423) shows on all devices; TV sees the whole file |
| Discord server banner | 960 × 540 | Most clients show a wide slice, so keep the subject centered |
| Facebook Page cover | 820 × 312 desktop, 640 × 360 mobile | Desktop and mobile crop differently; the overlap is the center band |
| Twitch profile banner | 1200 × 480 | Overlay panels shift by device; the outer edges are unreliable |
| GitHub repo social preview | 1280 × 640 | Feeds and cards crop to a thumbnail, so large type only |
| Website hero / email header | 1600 × 600 | Small screens keep the middle band; edges scroll out of frame or clip |
These are the commonly documented upload specs as of early 2026. Platforms change them without announcements. Check each platform's official docs before you export.
Every platform in the table crops banner edges on some device, and several of them also drop profile avatars and interface buttons over the corners, usually bottom-left. That leaves one region you can trust: roughly the middle 60 percent of the image, held slightly above dead center. Anything with meaning goes there. Words, logos, and faces placed in the outer 15 to 20 percent will be cut or covered for a chunk of your audience, which is why banners that look perfect in a desktop draft cut their own words in half on a phone. Design the full canvas, then check the crop on an actual phone before you publish.
Everything above is the manual route. The shortcut is a set of pre-made headers: the Solana Social Banner Pack includes 40 presets at 1536 × 1024 (3:2), which is a taller canvas than most banner slots on purpose, so you crop the middle band to fit any row of the table above.
The 40 files are JPG, human-curated into four style groups:
| Group | Files | Style |
|---|---|---|
| Gradient waves | banner-01–10 | Liquid gradient waves, silk, aurora bands, gradient mesh |
| Abstract 3D | banner-11–20 | Chrome torus, glass cubes, obsidian crystals, wireframe surfaces |
| Terminal / monochrome | banner-21–30 | CRT scanlines, phosphor glow, pixel fields, data lines |
| Geometric / particles | banner-31–40 | Particle waves, hex grids, circuit traces, glitch slices, eclipse |
All backgrounds are dark with a green and purple Web3 palette, so white or light text stays readable on top, which is the setup from opinion three. The pack's README includes crop coordinates matching this guide: for a 1500 × 500 X header, crop vertically centered around y 260–760; for the 1584 × 396 LinkedIn strip, the same center band with a slight top bias; for Discord, a 960 × 540 center crop works directly. On a website, drop a file in as a hero background under linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)) and place text over it.
The images were generated with an image model and hand-picked, so expect the consistency of a curated set rather than one artist's portfolio. License covers personal and commercial use, including client work; don't resell or redistribute the pack itself.
Get the Solana Social Banner Pack - 40 header imagesInstant download after checkout.