Twitch Aspect Ratios: Stream, Panel, Emote & Banner Sizes
Updated March 2026
Twitch has more dimension specs than most people realize. The stream itself is straightforward - 16:9 widescreen, just like YouTube. But then you need panel graphics, offline banners, emotes at three different sizes, sub badges, profile pictures, and video player overlays. Each one has its own requirements, and getting them wrong means blurry graphics or awkward cropping that makes your channel look amateur.
This guide covers every visual element on Twitch with the exact pixel dimensions, aspect ratios, and file format requirements you need. Whether you're setting up a new channel or refreshing an existing one, these are the specs that matter.
Quick Reference: Twitch Dimensions
| Element | Aspect Ratio | Resolution | Notes |
|---|---|---|---|
| Live Stream | 16:9 | 1920 x 1080 | 1080p60 recommended |
| Profile Picture | 1:1 | 256 x 256+ | Displayed as circle |
| Profile Banner | 2.5:1 | 1200 x 480 | Channel page header |
| Offline Banner | 16:9 | 1920 x 1080 | Shows when not live |
| Panel | Flexible height | 320px wide | Max 2.5 MB each |
| Emote | 1:1 | 28 / 56 / 112 | Three sizes required |
| Sub Badge | 1:1 | 18 / 36 / 72 | Three sizes required |
| Video Thumbnail | 16:9 | 1280 x 720 | VODs and clips |
| Stream Overlay | 16:9 | 1920 x 1080 | Transparent PNG layer |
Stream Resolution & Settings
Every Twitch stream uses a 16:9 widescreen aspect ratio. The video player is built around it, and anything else creates black bars. The real question is which resolution and frame rate to use - and that depends on your hardware, internet upload speed, and Twitch partnership status.
1920 x 1080 at 60fps
The sweet spot for most streamers. Requires about 6,000 kbps bitrate for good quality. Partners and most Affiliates get transcoding, so viewers can drop to lower resolutions if their connection can't handle it.
1280 x 720 at 60fps
Better than 1080p30 for fast-paced games. Uses around 3,500-4,500 kbps. If you don't have guaranteed transcoding, 720p60 ensures more viewers can watch without buffering.
2560 x 1440 at 60fps
Only viable for Partners with guaranteed transcoding. Requires 8,000+ kbps bitrate. Looks great on large monitors but most viewers watch on smaller screens where the difference from 1080p is minimal.
1664 x 936 at 60fps
A popular middle ground that looks nearly as sharp as 1080p but uses less bandwidth (around 5,000 kbps). Scales cleanly from 1080p game capture because 936 is exactly 1080 x 0.867.
Twitch's maximum bitrate is 8,500 kbps. Going above that will cause your stream to drop frames or disconnect. For encoding, x264 at the "medium" preset or NVENC (GPU encoding) are the two main options. NVENC is less CPU-intensive and produces comparable quality at the same bitrate on modern NVIDIA GPUs. All standard OBS, Streamlabs, and XSplit settings default to 16:9 output.
Profile Picture & Banners
Your profile picture and banner are the first things people see when they visit your channel page. They also show up in search results, raid notifications, host screens, and the browse directory.
Upload at least 256 x 256 pixels - but 800 x 800 or larger is better for high-DPI displays. The image gets cropped to a circle everywhere on Twitch, so keep your logo or face centered with some padding around the edges. Supported formats are JPEG, PNG, and GIF (yes, you can have an animated profile picture).
Formats: JPEG, PNG, GIF | Max: 10 MB
This is the wide banner across the top of your channel page. The recommended size is 1200 x 480 pixels (roughly a 2.5:1 ratio). Twitch crops this responsively - on narrow browser windows and mobile, the left and right edges get cut. Center your most important content (logo, text, schedule) in the middle 800 x 480 area.
Formats: JPEG, PNG, GIF | Max: 10 MB
When you're not streaming, this image fills the video player area. Use 1920 x 1080 pixels at 16:9. Most streamers include their schedule, social links, and a "currently offline" message. This is prime real estate - it's the largest visual element on your channel page and the first thing visitors see.
Formats: JPEG, PNG, GIF | Max: 10 MB
Channel Panels
Panels appear in the About section below your stream. They're the graphics you click on for About Me, Schedule, Donate, Social Links, and other channel information. Unlike most platform elements, panels don't have a fixed aspect ratio - only a fixed width.
- Width: 320 pixels (fixed - panels always display at this width)
- Height: Flexible - most header panels are 40-100px tall
- Max file size: 2.5 MB per image
- Formats: PNG (best for text/graphics), JPEG (for photos), GIF (animated)
- Layout: Panels arrange in up to 3 columns on desktop, single column on mobile
There are two common approaches to panel design. The first is header panels - small, wide graphics (320 x 50 or so) that act as section titles, with text content below them in Twitch's built-in description field. The second is full panels - taller graphics (320 x 100 to 320 x 200) that contain all the information in the image itself.
Header panels are better for SEO (Twitch indexes the text description) and accessibility (screen readers can read the description). Full image panels look more polished but the text inside them isn't searchable or selectable. Most established streamers use a mix - header-style panels for informational sections and image panels for branding elements like social media links.
Emotes & Sub Badges
Emotes are the custom chat images your subscribers can use. They're a core part of Twitch culture and a major reason people subscribe to channels. Getting the sizes right is critical because these display very small - a poorly designed emote becomes an unreadable blob at 28 pixels.
Upload all three sizes as separate files. Twitch doesn't auto-scale them, so each needs to be hand-crafted or carefully downscaled.
Format: PNG with transparency | Max: 1 MB per size | Animated emotes: APNG or GIF under the same limits
Badges appear next to a subscriber's name in chat. You can create different badges for subscription milestones (1 month, 3 months, 6 months, 1 year, etc.).
Format: PNG with transparency | Max: 25 KB per size | Must be clearly readable at 18px
Bit badges use the same three sizes as sub badges (18/36/72 px). These unlock automatically when viewers cheer a certain number of Bits. You can customize the badge for each tier - 1, 100, 1000, 5000, 10000, 25000, 50000, 75000, and 100000 Bits.
The most important design rule for emotes: test them at 28 x 28 pixels before uploading. That's the size most chat users will see. If you can't tell what the emote is at that size, simplify it. Bold outlines, high contrast, and minimal detail work best. Skip fine gradients and tiny text - they disappear at small sizes.
Stream Overlays & Alerts
Overlays are transparent graphics that layer on top of your stream in OBS, Streamlabs, or XSplit. They frame your webcam, display information, and give your stream a branded look. Alerts are animated graphics that pop up when someone subscribes, follows, or donates.
Match your stream resolution - typically 1920 x 1080. This is the main frame that includes your webcam border, recent events ticker, social media handles, and any other static branding elements. Export as PNG with transparency so the game/content shows through the gaps.
The webcam border typically sits in a corner. Common webcam capture sizes are 320 x 240 (4:3), 426 x 240 (16:9), or custom sizes depending on your layout. Design the frame slightly larger than your webcam source with transparent center.
Follower, subscriber, raid, and donation alerts are usually around 400-600 pixels wide with variable height. Most alert services (Streamlabs, StreamElements) support GIF, WEBM, or APNG animations. Keep them visible but not so large they block gameplay - a good rule is no more than 25% of the screen area.
Full-screen graphics at 1920 x 1080 that display during transitions. These replace the game feed entirely. Include countdown timers, your schedule, social links, and chat interaction prompts. Animated versions (using a video loop in OBS) look more professional than static images.
VODs, Clips & Thumbnails
After your stream ends, it lives on as a VOD (Video on Demand) in your channel's Videos section. Viewers can also create Clips - short highlights from your stream. Both use 16:9 since they're literally recordings of your stream.
Twitch auto-generates thumbnails from your stream, but you can upload custom ones at 1280 x 720 pixels (the same as YouTube thumbnails). Custom thumbnails significantly increase click-through rates since auto-generated ones are often random unflattering frames.
Clip thumbnails are auto-generated and can't be customized. They pull a frame from the clip at the position the clipper chose. The display ratio is 16:9, consistent with the stream resolution.
If you're repurposing Twitch clips for other platforms, you'll likely need to reformat them. A 16:9 Twitch clip needs to become 9:16 for TikTok or YouTube Shorts. The common technique is to stack the gameplay footage on top with the facecam below, or use a zoomed/cropped version of the gameplay to fill the vertical frame.
Additional Twitch Graphics
Beyond the main channel elements, there are a few more places where dimensions matter on Twitch:
If you're part of a Twitch Team, the team page has its own banner. Same dimensions as the profile banner: 1200 x 480. Teams are groups of streamers organized under a shared page.
Twitch extensions (interactive overlays, panels, and component views) have their own size requirements that vary by extension type. Panel extensions display at 318px wide, component extensions at various sizes, and overlay extensions fill the full 16:9 player. Check each extension's documentation for specific requirements.
Custom Cheermotes (animated Bits emotes) follow the same specs as regular emotes: 28/56/112 pixel squares in PNG or APNG format. Partners can upload custom Cheermotes for each Bits tier.
Twitch vs YouTube: Streaming Dimensions
Both platforms use 16:9 for streams, but the surrounding graphics have different specs. If you're streaming to both, here's what you need to know:
| Element | Twitch | YouTube |
|---|---|---|
| Stream | 16:9, up to 1440p60 | 16:9, up to 4K60 |
| Max Bitrate | 8,500 kbps | 51,000 kbps (4K) |
| Profile Picture | 1:1, 256px+ (circle) | 1:1, 800px+ (circle) |
| Channel Banner | 1200 x 480 | 2560 x 1440 |
| Thumbnail | 1280 x 720 | 1280 x 720 |
| Custom Emotes | 28/56/112px (sub emotes) | 48/112px (member emotes) |
The biggest practical difference is the banner. Twitch's 1200 x 480 banner is much shorter and wider than YouTube's massive 2560 x 1440 canvas. If you want consistent branding, design your banner elements (logo, schedule, social links) in a 1200 x 480 safe zone centered within a 2560 x 1440 canvas. Export different crops for each platform.
Twitch Design Tips
A few things that affect how your channel graphics actually look in practice:
Most Twitch users run dark mode. Design your panels, banners, and overlays to look good on a dark background (Twitch's dark mode uses #18181B). White backgrounds on panel graphics create a jarring flash. Transparent PNGs or graphics with dark/muted backgrounds blend much better.
About 35% of Twitch viewing happens on mobile devices. Your profile banner gets aggressively cropped on phones - only the center third is reliably visible. Panels stack in a single column. The stream itself scales fine since it maintains 16:9, but small text on overlays becomes unreadable on phone screens.
The most professional-looking channels use a consistent color palette and style across their profile picture, banner, panels, overlay, alerts, and emotes. Pick 2-3 brand colors and a font family, and apply them everywhere. Tools like Canva, Figma, and Placeit have Twitch-specific templates at the correct dimensions.
Frequently Asked Questions
What aspect ratio should I stream on Twitch?
Twitch streams should use a 16:9 aspect ratio at 1920 x 1080 pixels (1080p) for the best balance of quality and performance. You can also stream at 1280 x 720 (720p) for lower bandwidth or 2560 x 1440 (1440p) if you're a Twitch Partner with transcoding priority. The 16:9 widescreen ratio is standard - other ratios will result in black bars on viewers' screens.
What size should Twitch panels be?
Twitch panels should be 320 pixels wide. The height is flexible, but most streamers use panels between 40 and 100 pixels tall for header-style panels. The maximum file size is 2.5 MB per panel. Use PNG for graphics with text or transparency, and JPG for photographic panels. The panels display at 320px wide in the About section below your stream.
What size are Twitch emotes?
Twitch emotes must be uploaded in three sizes: 28 x 28, 56 x 56, and 112 x 112 pixels - all 1:1 square. Design your emote at 112 x 112 and scale down. Each size must be under 1 MB, and the emote needs to be readable at the smallest 28px size since that's how it appears in chat. Use PNG format with transparency.
What is the Twitch profile banner size?
The Twitch profile banner should be 1200 x 480 pixels (a 2.5:1 ratio). This banner appears at the top of your channel page when you're offline or when someone visits your About section. Keep important elements centered since the banner gets cropped differently on mobile devices and smaller browser windows. Use JPEG or PNG under 10 MB.
Related Aspect Ratio Calculators
Use these calculators to find exact pixel dimensions for your Twitch graphics: