Twitch Banner Size (2026): The Real Dimensions and the Blur Fix
1200×480 is the number everyone quotes. This guide covers what the number leaves out — why banners still look blurry, where mobile crops your design, and how to fix both.
Search "Twitch banner size" and every result hands you the same number: 1200 × 480. You export at 1200 × 480, upload it, and… it looks soft. Or the left half of your logo is gone on your phone. The dimension was never the hard part. What trips people up is everything the number leaves out.
This guide gives you the exact specs, then spends most of its time on the two problems that actually send streamers back to the drawing board: banners that upload blurry and banners that get cropped on mobile. Both have fixes.
Quick Answer: Twitch Banner Size
| Asset | Size (px) | Aspect Ratio | Max File |
|---|---|---|---|
| Profile Banner | 1200 × 480 | 5:2 | 10 MB |
| Offline Screen (Video Player Banner) | 1920 × 1080 | 16:9 | 10 MB |
| Profile Picture | 256 × 256 | 1:1 | 10 MB |
| Panel | 320 × 600 (max) | Flexible | ~2.9 MB |
Sources: Twitch Help — Channel Page Setup; StreamScheme — Twitch Image Sizes (2026)
The two banners people mix up are the profile banner (the wide strip across the top of your channel, 1200 × 480) and the offline screen (what fills the video player when you are not live, 1920 × 1080). They are different shapes for different slots. Using one where the other belongs is the fastest way to get an awkward crop.
Profile Banner: 1200 × 480 Pixels (5:2)
The profile banner is the wide image behind your channel name and avatar. Per Twitch's own Channel Page Setup documentation, the recommended size is 1200 × 480 pixels with a 10 MB file limit, and it accepts JPG, PNG, and GIF. That works out to a 5:2 aspect ratio — noticeably wider and shorter than a typical 16:9 image.
| Specification | Value |
|---|---|
| Recommended size | 1200 × 480 pixels |
| Sharp-export size | 2400 × 960 pixels (2×) |
| Aspect ratio | 5:2 |
| File formats | JPG, PNG, GIF |
| Max file size | 10 MB |
| Where it shows | Top of your channel page (desktop and mobile) |
Source: Twitch Help — Channel Page Setup (help.twitch.tv)
That 5:2 shape matters more than the raw pixel count. If you start from a square photo or a 16:9 screenshot, something has to give — either the sides get cropped or the top and bottom do. Deciding how that crop happens (fill the frame, or keep the whole image with padding) is the choice most tools quietly make for you.
Why Your Twitch Banner Looks Blurry (and How to Fix It)
This is the single most common Twitch banner complaint, and it has nothing to do with your design skills. Twitch runs every uploaded banner through compression. If you feed it an image that is exactly 1200 × 480 — or worse, smaller — it has no spare detail to work with, so the compression shows.
Uploading an image smaller than 1200 × 480 forces Twitch to upscale it. Upscaling invents pixels that were never there, which is why a 600 × 240 export looks noticeably fuzzy once it lands on your channel.
The fix that reliably works is to export at 2× resolution — 2400 × 960 pixels — while keeping the same 5:2 ratio. When Twitch downscales a larger, detail-rich image back to display size, the result stays crisp. This is the same principle behind exporting retina assets: give the platform more pixels than it needs and let it throw some away, rather than asking it to guess at pixels you never provided.
PNG holds edges and flat color better than JPG after Twitch's compression, which makes it the safer choice for banners with logos, text, or hard lines. Reserve JPG for photographic banners where a slightly larger file would otherwise blow past the limit.
One caveat worth knowing: streamers on Reddit have long reported that Twitch's stated banner resolution can behave inconsistently, with some images getting scaled up unexpectedly on upload. The dependable workaround is the same — start well above 1200 × 480, keep the 5:2 ratio exact, and let Twitch scale down rather than up.
The Mobile Crop Trap: Where Twitch Cuts Your Design
Your banner is not shown the same way on every screen. Twitch crops it based on viewport width. On a wide desktop monitor you see close to the full 1200 × 480. On a phone, Twitch trims the left and right edges to fit the narrower screen — and that is exactly where people tend to put their logo or channel name.
Treat the outer edges of your banner as decorative background. Keep anything that must stay readable — your name, logo, social handles — inside the center ~60% of the 1200 × 480 canvas. A design that looks perfectly balanced on desktop can lose half its text on mobile if you ignore this safe zone.
This is why simply hitting 1200 × 480 is not enough. A correctly sized banner with its logo jammed against the left edge is still a broken banner for the majority of your visitors, who are on mobile. Design for the center first, then decorate outward.
Offline Screen (Video Player Banner): 1920 × 1080
The offline screen is a separate image from your profile banner, and mixing them up is a classic mistake. It fills the video player when you are not streaming, so it uses the player's 16:9 ratio at 1920 × 1080 pixels — not the 5:2 profile banner shape.
| Specification | Value |
|---|---|
| Recommended size | 1920 × 1080 pixels |
| Aspect ratio | 16:9 |
| File formats | JPG, PNG, GIF |
| Max file size | 10 MB |
| Where it shows | Video player area, while offline |
Source: Industry consensus based on the 16:9 Twitch video player
If you drop a 1200 × 480 profile banner into the offline slot, it will sit letterboxed with large empty bars above and below. Give the offline screen its own 16:9 artwork — a "stream starting soon" card, a schedule, or your socials all work well here, since viewers often sit on this screen while they wait for you to go live.
Every Twitch Channel Image Size (Reference)
Banners are only part of a full channel refresh. Here is the complete set of Twitch image sizes so you can size everything in one sitting:
| Image | Size (px) | Notes |
|---|---|---|
| Profile banner | 1200 × 480 | 5:2, channel header |
| Offline screen | 1920 × 1080 | 16:9, video player when offline |
| Profile picture | 256 × 256 | 1:1, keep it simple at small sizes |
| Panel | 320 × 600 (max) | About section, keep files small |
| Emote | 112 × 112, 56 × 56, 28 × 28 | All three sizes required |
| Sub badge | 72 × 72, 36 × 36, 18 × 18 | All three sizes required |
Source: Twitch Help — Channel Page Setup and Emote Guidelines
Doing emotes and badges in the same session? Our Twitch Emote Resizer exports all three required emote sizes in one click, and the Twitch Badge Resizer does the same for subscriber badges.
The 60-Second Banner Checklist
Before you upload, run through this. It is the difference between a banner that looks professional and one you have to redo next week:
- Ratio is exactly 5:2 — 1200 × 480, or 2400 × 960 for a sharper export
- Logo and text sit in the center ~60% — so mobile cropping does not eat them
- Exported at 2× and downscaled by Twitch — never uploaded smaller than 1200 × 480
- PNG for logos and text, JPG only for photographic banners near the size limit
- Under 10 MB — or Twitch rejects the upload
- Offline screen is a separate 1920 × 1080 image — do not reuse the 5:2 banner
If cropping to an exact ratio by hand sounds tedious, it is — that is what the tool is for. Our free Twitch Banner Resizer takes any image and outputs a clean 1200 × 480 (or 1920 × 1080) file, with a choice between filling the frame and keeping your whole image with padding — no design software required.
Frequently Asked Questions
What size is a Twitch banner?
A Twitch profile banner is 1200 × 480 pixels with a 5:2 aspect ratio and a 10 MB maximum file size. It accepts JPG, PNG, and GIF. This is the banner shown across the top of your channel page on both desktop and mobile.
Why does my Twitch banner look blurry after uploading?
Twitch compresses every banner it receives, and it upscales anything smaller than 1200 × 480. If you export at exactly 1200 × 480 the result often looks soft. Export at 2× (2400 × 960) instead — Twitch downscales it cleanly, which keeps edges and text crisp.
What is the Twitch banner aspect ratio?
The Twitch profile banner aspect ratio is 5:2 (1200 × 480). Any image with a different ratio will be cropped or letterboxed to fit, so match 5:2 exactly to keep your full design visible.
What size is the Twitch offline banner?
The Twitch offline screen (video player banner) is 1920 × 1080 pixels, a 16:9 ratio. It fills the video player when you are not live, so it needs to match the 16:9 player rather than the 5:2 profile banner.
Why is part of my Twitch banner cut off?
Twitch crops the banner differently by screen width. On narrow (mobile) viewports it trims the left and right edges, showing mostly the center. Keep logos and text within the central ~60% of the banner and treat the outer edges as decorative background.
How do I resize an image to the Twitch banner size?
Use a free Twitch Banner Resizer to crop or fit any image to exactly 1200 × 480 (or 1920 × 1080 for the offline screen). It handles the aspect ratio and export for you, so the file uploads to Twitch without being stretched or rejected.
Sources
- Twitch Help — Channel Page Setup — Official profile banner size (1200 × 480), file limits, and upload location
- StreamScheme — Twitch Image Sizes (2026) — Cross-reference for banner, panel, and offline screen dimensions, plus the mobile safe-zone note
- Twitch Help — Emote Guidelines — Required emote and badge sizes for a full channel refresh
- r/Twitch — Community reports on banner blur and upscaling — Streamer accounts of blurry banners and the export-larger workaround