Social Media·11 min read

Twitch Size Guide 2026: Every Image Dimension, Done Right

Twitch has a different size for the profile picture, the channel banner, the offline screen, panels, emotes, and badges, and people mix them up constantly. Here is each one with the exact 2026 specs, the banner safe zone, and the file limits.

A Twitch channel is not one image, it is a small set of them, and each slot has its own size. The profile picture is a tiny square. The profile banner runs behind your name. The offline screen fills the video player when you are not live. Then there are panels, emotes, and sub badges, each with their own rules. The most common mistake is uploading one image to the wrong slot and wondering why it looks stretched or gets rejected.

This guide lists every Twitch image size for 2026, the banner safe zone (the left side is covered by your avatar and channel info, which trips people up), and the file-size limits that quietly block uploads. Start with the table, then jump to the asset you are making.

Twitch image sizes at a glance (2026)
Profile picture
800 x 800 px
JPG / PNG / GIF
Shown ~256, square
Upload 800; min 200. Displayed as a rounded square / circle.
Profile banner
1200 x 480 px
JPG / PNG / GIF
5:2, max 10 MB
Behind your name. Left side covered by avatar + info.
Offline screen
1920 x 1080 px
JPG / PNG / GIF
16:9, max 10 MB
Fills the video player when you're offline.
Panel
320 x 160 px
JPG / PNG / GIF
320 wide, max 2.92 MB
Under your stream. Height is flexible.
Twitch Banner Resizer (1200 x 480)

Drop your image into the free Twitch resizer for the exact 1200 x 480 profile banner. Switch the dimensions for the offline screen (1920 x 1080) or a panel. Runs in your browser, nothing uploaded.

Profile picture: 800 x 800

Twitch shows your profile picture small, around 256 x 256, but upload it bigger at 800 x 800 so it stays sharp everywhere it appears (your channel, chat, search). It must be a 1:1 square; the minimum Twitch accepts is 200 x 200, but that looks soft on modern screens. Twitch displays it as a rounded square that reads almost like a circle, so keep your face or logo centered with a little margin. JPG, PNG, or GIF, up to 10 MB.

Profile banner: 1200 x 480 (mind the left side)

The profile banner is the wide image behind your channel name at the top of your page. It is 1200 x 480 pixels, a 5:2 shape, up to 10 MB. The catch that ruins most Twitch banners: your profile picture and channel info (name, follow button, stats) overlay the left side on desktop, and on mobile Twitch crops the banner to roughly the central 900 pixels. So the left edge is partly hidden and the outer edges get trimmed.

Twitch profile banner safe zone (1200 x 480)
  • Mobile crops to roughly the central 900 px; the outer edges are trimmed.
  • Avatar + info. Your profile picture and channel info overlay the left side on desktop.
  • Safe area. Keep your logo, text, and key visuals center-right, inside the central ~900 px.
Put your branding in the center-right. The left is covered by your avatar and channel info; the outer edges are cropped on mobile.

The rule: put your logo, tagline, and key visuals in the center and right of the banner. Treat the left quarter as background that the avatar and info will sit over, and keep nothing critical near the outer edges since mobile cuts them.

Offline screen: 1920 x 1080

The offline screen (also called the Video Player Banner) is the image that plays in the video box when you are not live. It is 1920 x 1080, full HD 16:9, and it is prime real estate, the first thing a visitor sees when they land on your channel and you are offline. Use it for your stream schedule, your socials, and a one-line description of what you stream.

One overlap to plan around: Twitch places a small 'offline' indicator over the video player, usually toward the lower-left. Keep your schedule and social handles out of that corner so the label does not sit on top of them. You can upload an animated GIF here (under 10 MB) and it loops while you are offline.

Panels: 320 wide

Panels are the clickable blocks under your stream that link to your socials, schedule, donations, or rules. They are fixed at 320 pixels wide; the height is up to you, but 320 x 160 (a 2:1 ratio) is the standard that looks clean and consistent. Each panel image must be under 2.92 MB, in JPG, PNG, or GIF. Design your set of panels at the same width and a consistent style so the column under your stream looks deliberate rather than mismatched.

Emotes and sub badges: the exact sizes Twitch wants

Emotes and badges are the fiddliest part because Twitch wants specific multiple sizes, each as a separate file, with tight limits.

AssetSizes requiredFormat & limit
Emote28×28, 56×56, 112×112PNG, transparent, under 1 MB each
Sub badge18×18, 36×36, 72×72PNG, transparent, under 25 KB each
Cheermote / bits badgeFollows badge sizingPNG, transparent

Design emotes at the largest size (112 x 112) and scale down, because shrinking keeps the edges cleaner than enlarging a small file. Emotes must read clearly at 28 x 28, the size they appear at in chat, so avoid fine detail and thin lines that disappear when small. Badges are even tinier (18 x 18 in chat), so they need to be a simple, bold shape. The 25 KB badge limit is strict, so keep them flat and simple.

Tip

Quick test for an emote or badge: shrink it to its smallest display size (28 px for emotes, 18 px for badges) and look at it. If you cannot tell what it is at that size, simplify the design until you can.

File format, limits, and color

  • Banners and offline screen: JPG for photographic art (smaller file), PNG for graphics with text or a logo (crisp edges). GIF only if you want the offline screen animated. Keep under 10 MB.
  • Panels: under 2.92 MB each. PNG is best since panels usually contain text and icons.
  • Emotes: PNG with a transparent background, under 1 MB each. Badges: PNG, transparent, under 25 KB each.
  • Color: export everything in sRGB. A wide-gamut profile can shift colors when Twitch processes the image.

Quick fixes

My banner looks stretched or cut off

Wrong dimensions or content too close to the edge. The profile banner must be 1200 x 480 (5:2). Keep your logo and text center-right, away from the left (avatar overlap) and the outer edges (mobile crop).

My emote or badge upload was rejected

Almost always a size or file limit. Emotes need 28×28, 56×56, and 112×112 as PNGs under 1 MB each. Sub badges need 18×18, 36×36, and 72×72 as PNGs under 25 KB each. Re-export at the exact sizes with a transparent background.

My panel image is blurry

It was uploaded narrower than 320 px and stretched, or it was a heavily compressed JPG of text. Build panels at 320 px wide and use PNG for anything with text or icons.

The short version

Profile picture 800 x 800 (square). Profile banner 1200 x 480, with branding kept center-right because the avatar covers the left and mobile crops the edges. Offline screen 1920 x 1080, schedule and socials out of the lower-left where the offline label sits. Panels 320 x 160. Emotes 28/56/112 PNG under 1 MB. Badges 18/36/72 PNG under 25 KB. Everything in sRGB.

The Twitch banner resizer is pre-set to the 1200 x 480 profile banner, and you can switch dimensions for the offline screen or a panel. For other platforms, the social media size guide has every current dimension in one place.

Frequently Asked Questions

Tools mentioned in this article

Related articles