photoshrink image tools that never leave your browser
100% client-side · nothing uploaded

Twitch profile banner size: 1200 × 480 px

The 5:2 strip across the top of a Twitch channel page.

Your images never leave your browser

Drop images to resize

or click to browse, or paste with Ctrl/Cmd+V — drop several at once to process a whole batch

Twitch profile banner size at a glance

A shallow strip that gets shallower

1200 × 480 is Twitch's size for the profile banner — the band behind the channel name at the top of the page. At 5:2 it is shallow, and it is displayed responsively, so a narrow browser window shows the same image scaled down rather than a taller slice of it.

The profile picture overlaps the banner on the left and the channel name sits beside it, so the left portion is spoken for. As with most banners, the reliable region is the right half and the vertical middle.

Twitch channels usually carry three separate images — this banner, the offline player screen and the profile picture — and they are all different shapes. It is worth building them from one design at three canvases rather than trying to crop one file into all three, because the offline banner is 16:9 and this is 5:2, and nothing crops cleanly between them.

How to resize an image to 1200 × 480

  1. Drop your image on the panel above — or paste it, or drop several at once to do a batch.
  2. The width and height are already set to 1200 × 480, and the aspect lock is off so both numbers are honoured exactly.
  3. If your source is a different shape, crop it to 5:2 first — resizing a different ratio straight to these numbers stretches it.
  4. Pick an output format. JPEG for photographs, PNG for flat colour, text and anything needing transparency.
  5. Download. Nothing was uploaded at any point — the resize ran on your own machine, in this tab.

Questions

How is this different from the offline banner?

This is the strip at the top of the channel page. The offline banner is the much larger 16:9 image inside the video player when you are not streaming.

Why does my banner look cropped?

The band is displayed responsively and the profile picture overlaps its left side. Keeping content in the right half and away from the top and bottom edges avoids both.

Related sizes