Twitch is the one platform where the image sizes actually trip people up, and it's not because the numbers are weird. It's because half the surfaces want you to upload the same artwork at three different sizes, and nobody tells you that until you're already in the upload screen wondering why it's asking for a 28px version of the thing you just drew at 112.
So I built the Twitch version of the size tool I use for everything else. Every current dimension in one place, click any number to copy it, and a template if you'd rather start from the right rectangle than guess. It's the Twitch slice of the full social media image size guide, which does the same thing for every other platform. The emote and badge sizes are in here too, all three of each, because that's the part people get wrong.
The short version, before you scroll: your banner, offline screen, and overlay are normal single uploads. Your panels are stuck at a fixed 320px width. And your emotes and sub badges each need three separate sizes uploaded, or auto-resized from one big one. That last part is the whole reason this page exists.
The three-sizes thing, because it's the part that breaks people
Here's where Twitch is different from LinkedIn or YouTube. An emote isn't one file. Twitch wants it at 112 x 112, 56 x 56, and 28 x 28, all three, before it'll approve the emote. The 112 is the big version in the emote picker. The 56 is the in-between. The 28 is the tiny one that actually shows up inline when someone types it in chat. Same art, three sizes.
Sub badges and bit badges work the same way, just smaller: 72 x 72, 36 x 36, and 18 x 18. The 18 is the one sitting next to someone's name in chat, which is so small it's basically an icon. If you can't tell what your badge is at 18px, it doesn't matter how good it looks at 72.
You've got two ways to handle it. Twitch has an auto-resize mode where you upload one square PNG that's at least 112px and it generates the smaller sizes for you. That's fine for simple art. If your emote has fine detail though, the auto-shrink turns it to mush at 28, so I'd turn auto-resize off and draw each size by hand, simplifying as you go down. More work, way better result.
Twitch panel size is locked at 320 wide
The other Twitch quirk: info panels are a fixed 320 pixels wide and Twitch never widens them past that. The height is the only thing you control, anywhere up to about 600px tall, though most panels land somewhere between 160 and 300. The commonly referenced Twitch panel size is 320 x 160, which works for a compact "about me" block. A taller 320 x 300 gives you room for a schedule, your rules, or a sponsor block.
The trap is designing your panel at some random width because it looked good in Figma, then watching Twitch scale it down to 320 and go soft on you. Design at exactly 320 wide. Whatever height you want underneath it is fine.
The big single-upload surfaces
These three are the easy ones, the normal "one image, one upload" surfaces.
Your profile picture is 256 x 256, displayed as a circle. 256 is the floor that still looks sharp; upload bigger and square and it scales down clean. Keep the face or the logo centered because Twitch crops the corners off for the circle mask. The file cap here is generous, around 10 MB.
The Twitch banner size most people are after is the profile banner at 1200 x 480, a 5:2 strip across the top of your channel page. Your profile picture and channel name overlap the lower-left on most layouts, so the same rule from every other platform applies: keep the important art toward the upper-right and treat the lower-left as the spot your own avatar's going to sit.
The offline screen (the video player banner, the thing people see when you're not live) is 1920 x 1080, full 16:9. On smaller players Twitch drops a play button and some chrome over the center-bottom, so don't put your "currently offline, back at 7pm" text dead center or right along the bottom edge.
Your overlay, if you stream with one
A stream overlay is 1920 x 1080 to match a 1080p broadcast, and you export it as a PNG with transparency so the game shows through the holes you cut. The whole point of an overlay is that the middle stays playable, so park your frame, your webcam border, and your alert zones around the edges. If your overlay covers the center of the screen, you're covering the game, and that's the one thing it can't do.
If you're streaming above 1080p you can scale the overlay up to match, but 1920 x 1080 covers almost everybody and stays crisp when it's composited in OBS or Streamlabs.
File sizes and formats, quick version
Banners, your profile picture, and the offline screen all take JPG, PNG, or GIF and the file cap sits around 10 MB, which you'll basically never hit. Panels cap near 2.9 MB.
Emotes and badges are stricter and they're PNG only, with a transparent background, no exceptions. A static emote or badge caps at 25 KB per size, which is tighter than people expect, so the small ones really do have to be simple. The 1 MB ceiling you'll see quoted everywhere is the animated GIF cap, and animated emotes can use that full megabyte and run up to 60 frames. If a static badge or emote upload keeps failing, it's almost always blowing past 25 KB or a background that isn't actually transparent. Drop the colors or flatten the layers and it'll go through.
“On most platforms an image is one upload. On Twitch, an emote is three. Build the small sizes on purpose, because that's where the art either survives or falls apart.
”
Just grab the template
If you don't feel like tracking all of this, hit the template pack button up in the tool. You get a PNG at the exact upload size for every Twitch surface, named so you know which is which, with the panel width and the safe zones drawn right on the canvas. The emote and badge sizes come stacked so you can see your art at 112, 56, and 28 side by side and catch the small one looking like garbage before Twitch does.
It's the same setup I use for the print dimensions tool, pointed at screens instead of paper. If you make assets for both, the print one handles DPI and bleed the way this one handles crops and the three-size emote stack.
If your stream lives on more than one platform, I built matching pages for the two that sit closest to Twitch: YouTube image sizes for your channel art and thumbnails, and Discord image sizes for the server where your community actually hangs out. Same copy-paste numbers, same template packs, sized for where each one crops.
FAQ
What size is a Twitch banner in 2026?
The profile banner is 1200 x 480 pixels (5:2), the strip across the top of your channel page, up to about 10 MB. The separate offline screen, the video player banner people see when you're not live, is 1920 x 1080. Two different surfaces, two different sizes.
What sizes do Twitch emotes need to be?
Three sizes, every time: 112 x 112, 56 x 56, and 28 x 28 pixels, all PNG with a transparent background. Twitch won't approve a partial set. You can upload one square PNG of at least 112px and let auto-resize make the smaller ones, or turn that off and draw each size by hand for cleaner small versions.
What size are Twitch sub badges?
Sub badges and bit badges both need three sizes: 72 x 72, 36 x 36, and 18 x 18 pixels, PNG with transparency, under about 25 KB each. The 18px version sits beside names in chat, so it has to read as a clear icon at a tiny size.
Why is my Twitch panel blurry?
Because panels are locked at 320 pixels wide. If you design at a wider size, Twitch scales it down to 320 and it goes soft. Build your panel at exactly 320 wide, with whatever height you want underneath, up to roughly 600px.
What size should a Twitch profile picture be?
256 x 256 pixels, square. Twitch masks it to a circle, so center your face or logo and leave room around it. You can upload larger and it scales down, but 256 square is the minimum that still looks sharp.
What's the max file size for Twitch images?
Banners, profile pictures, and the offline screen cap around 10 MB. Panels are near 2.9 MB. Static emotes and badges are tight, capped at 25 KB per size, and they have to be PNG with a transparent background. Only animated GIF emotes get the bigger 1 MB ceiling.
The full set, with the safe zones and the three-size emote stack, is in the tool at the top. Copy what you need, or take the whole pack.