Channel banner (recommended)
Recommended1200×480 2.5:1
Common Twitch channel profile banner. One wide strip for desktop and most layouts.
Use in toolTwitch · Image size
Twitch Banner Size
Twitch channel banners are a wide strip—usually 1200×480. Keep logos clear of the edges and UI, then download a sharp crop in your browser.
Browser tool · nothing leaves your device
Crop your Twitch banner
Output 1200 × 480
- 1Upload or try the sample
- 2Drag so the subject stays in the mobile guide
- 3Download 1640×624 (or your selected size)
Click to upload
Upload a wide photo—or try the sample—then keep wordmarks inside the safe margin before you download.
Drop an image onto the canvas, click inside it, or try the sample
Size specs
Publish at 1200×480 when you can. Wider 1920×480 uploads still need a calm center—phones and panel UI can trim the far sides.
Publish
Export this for Twitch upload.
Wide upload
1920×480 4:1
Extra horizontal room when your master is already very wide—still keep the subject centered.
Use in tool| Asset | Pixels | Ratio | Notes | Action |
|---|---|---|---|---|
| Channel banner (recommended) Recommended | 1200×480 | 2.5:1 | Common Twitch channel profile banner. One wide strip for desktop and most layouts. | Use in tool |
| Wide upload | 1920×480 | 4:1 | Extra horizontal room when your master is already very wide—still keep the subject centered. | Use in tool |
A channel banner is not a stream thumbnail
Your Twitch channel page shows one wide banner behind the profile area. Desktop keeps most of the 1200×480 width; narrower windows and some panels can tighten the sides. A logo glued to the far left or right often disappears for viewers on smaller screens.
Correct pixels keep the graphic sharp after Twitch compresses the upload. Soft, noisy, or heavily upscaled files look muddy next to HD stream previews. Export a true 1200×480 (or a deliberate 1920×480) instead of stretching a square logo across the strip.
Creators often reuse YouTube channel art, Twitter headers, or Discord banners here. Those ratios are different. Stretching them warps faces and pushes type into the crop risk band. Re-crop once for Twitch with the subject in the open center.
Treat the banner like a billboard above your About and panels: short wordmark, clear subject, no tiny captions at the rim. Stream thumbnails and offline screens are separate jobs—do not force this export into those slots.
Good vs weak crop
Same header strip—keep the avatar pocket clear and the subject in the open band.
Reads on the channel page
- Subject centered in the safe band
- Short wordmark large enough after compression
- Quiet far edges for side trim
- True 1200×480 export, not a stretch
Lost at the edges
- Only branding on the extreme left or right
- Tiny type across the full width
- YouTube or X header stretched to 2.5:1
- Soft upscale from a tiny source
Before you upload
Tick these off against your crop preview—nothing is saved.
Related surfaces compared
Similar-looking slots often use different ratios—do not reuse one export for all of them.
Channel banner
1200 × 480
This page. Wide strip on the channel profile.
Profile picture
800 × 800 (try)
Circular avatar on the channel—separate square export.
Offline / stream screen
Often 1920 × 1080
Full-screen stream art—not this banner crop.
Panel images
Varies (often ~320 wide)
Under-About panels—crop those separately.
| Surface | Typical size | Note |
|---|---|---|
| Channel banner | 1200 × 480 | This page. Wide strip on the channel profile. |
| Profile picture | 800 × 800 (try) | Circular avatar on the channel—separate square export. |
| Offline / stream screen | Often 1920 × 1080 | Full-screen stream art—not this banner crop. |
| Panel images | Varies (often ~320 wide) | Under-About panels—crop those separately. |
Channel layout and side trim
Twitch’s channel header is a wide strip, not a square card. Viewers often see less width than your design file when the browser is narrow or when panels and chat compete for space.
Keep the hero subject and wordmark in the center band. Treat the outer 8–10% as atmospheric only: soft color, blur, or empty brand field—not the only logo.
- Center the face, product, or wordmark in the safe guide.
- Leave far left and right quieter for side trim.
- Check the live channel page after upload, not only the dashboard preview.
- Pair contrast with your circular profile photo so the set reads as one brand.
File requirements
Photos usually look best as JPG; hard-edged logos or flat type can stay PNG. Prefer sRGB so colors do not shift after upload. Keep the file light enough for mobile networks—banners load on every channel visit.
- Recommended upload
- 1200 × 480 px
- Wide option
- 1920 × 480 px
- Aspect ratio
- ~2.5:1 (recommended)
- Formats
- JPG or PNG (sRGB)
- File weight
- Keep it light for mobile networks
- Not a substitute
- 1920×1080 offline screen or panel art
Do not reuse other networks’ banners
YouTube channel art, X headers (1500×500), and Discord profile banners (960×540) use different ratios. Dropping them into Twitch without a fresh crop stretches faces and hides type at the edges.
- Re-crop every network to its own artboard.
- Reuse the photo, not the finished YouTube or Discord export.
- If you need one campaign look, design from a wider master and crop per platform.
Common mistakes
- Putting the only logo on the far left or right edge.
- Packing tiny captions along the rim.
- Using a soft upscale instead of a true 1200×480 export.
- Uploading a stream thumbnail or offline screen as the channel banner.
- Matching banner colors so poorly that a dark avatar disappears into a dark strip.
How to use the crop tool
Upload a wide photo (or try the sample), choose Channel banner (1200×480), drag until the subject clears the edge risk, then download. Processing stays in your browser—nothing is uploaded to our servers for cropping.
- Use the safe margin as a hard keep-in for logos and faces.
- Prefer JPG for photos and PNG for crisp logos.
- Re-check on a phone or narrow window after you publish on Twitch.
After you download
From this download to a live upload in a few minutes.
- 1
Download the 1200×480 JPG (or PNG for hard-edged graphics) from the tool.
- 2
On Twitch, open Creator Dashboard → Settings → Channel → Brand → Profile Banner (wording may vary).
- 3
Upload the file and confirm the framing in Twitch’s preview.
- 4
Save, then open your channel on desktop and on a phone or narrow window.
- 5
If the logo sits off-screen or under UI, re-crop here and upload again.
Frequently asked questions
What is the Twitch banner size in 2026?
1200×480 pixels is the practical channel banner default. Some creators upload a wider 1920×480 strip—keep critical content centered either way.
Is Twitch banner the same as an offline screen?
No. Offline and stream screens are often full 16:9 (for example 1920×1080). The channel banner is a shorter wide strip on the profile page.
Does Twitch crop the banner on mobile?
You may see less width on smaller screens. Keep logos and faces out of the far edges, then preview the live channel after upload.
Can I use a YouTube or Discord banner on Twitch?
Not without re-cropping. Those surfaces use different ratios. Stretching them into 1200×480 warps the image and often loses type at the sides.
JPG or PNG for a Twitch banner?
JPG for photographs, PNG for hard-edged logos or flat type. Export sRGB and keep the file reasonably light.
Should the banner match my Twitch profile picture?
Coordinate colors if you like, but export them as separate files. The avatar is a square circle crop; the banner is a wide strip with its own safe zone.
What about Twitch panel images?
Panels under About are narrower and separate. Do not reuse this banner export for panels—crop those to each panel’s width.