Twitch Banner Size: Every Image Dimension for 2026
Your Twitch profile banner should be 1200×480 pixels, saved as a JPG or PNG under 10 MB. That is the recommended size for the banner that sits across the top of your channel page.
But Twitch has several other image slots — offline screens, profile pictures, panels — and each one has different requirements. Get one wrong and Twitch either rejects the upload or stretches it into something unrecognizable. Here are all the specs.
Twitch Image Dimensions at a Glance
| Image Type | Recommended Size | Aspect Ratio | Max File Size | Formats |
|---|---|---|---|---|
| Profile Banner | 1200 × 480 px | 5:2 | 10 MB | PNG, JPG |
| Offline Screen / Video Player Banner | 1920 × 1080 px | 16:9 | 10 MB | PNG, JPG |
| Profile Picture | 256 × 256 px (min) | 1:1 | 10 MB | PNG, JPG |
| Panel Image | 320 × varies px | Variable | 2 MB | PNG, JPG, GIF |
| Overlay / Extension | 1920 × 1080 px | 16:9 | — | PNG |
| Emote | 28, 56, or 112 px | 1:1 | 1 MB | PNG |
Resize your Twitch banner instantly
Drop your image, set the exact Twitch dimensions, and download — free, no upload, no signup.
Try it yourself
Resize to exact dimensions for any platform — free, instant, no signup. Your images never leave your browser.
Twitch Profile Banner Size
Recommended: 1200 × 480 px. Aspect ratio 5:2. Max 10 MB. PNG or JPG.
The profile banner appears across the top of your channel page, behind your profile picture and channel name. It is the first visual impression visitors get before a stream has even started.
Safe Zones
Twitch overlays your profile picture, name, bio, and action buttons on top of the banner. That means the left side and lower third of your banner are partially obscured on desktop.
- Left side: Your circular profile picture sits in the lower-left area. Keep logos, key art, and text away from roughly the left 200 pixels.
- Center-right: The safest area for brand messaging, channel name, or visual emphasis.
- Bottom strip: The channel info bar sits here. Keep important elements above the bottom 80 pixels.
Mobile vs Desktop Display
On desktop, the full 1200 × 480 banner is visible. On mobile, Twitch crops the banner more aggressively — roughly to a 16:9 or 2:1 ratio depending on screen size. Design with the center of the image as the focal point to ensure it looks good on both.
Upload at 1200 × 480 minimum. Going higher (like 2400 × 960 at the same 5:2 ratio) gives sharper results on high-DPI displays, but Twitch stores and serves the original — there is no automatic upscaling.
Twitch Offline Screen Size
Recommended: 1920 × 1080 px. Aspect ratio 16:9. Max 10 MB. PNG or JPG.
The offline screen — sometimes called the video player banner — replaces the stream video when you are not live. It fills the video player embed, which displays at full 16:9 width.
This is prime real estate. Viewers who find your channel between streams see this image. Use it to communicate:
- When you stream (schedule or days of the week)
- What you stream (game genres, content type)
- Where else to find you (social handles)
- A call to follow or subscribe
Design Tips
Keep text legible at smaller sizes. The video player embed renders at many widths — from a small sidebar embed to a full-screen desktop view. Test your design at 640 × 360 (a common small embed size) to make sure key text is still readable.
Avoid putting critical information in the top-left corner — Twitch places its logo and player controls there when the embed is loaded.
The same 1920 × 1080 spec applies to overlay images used by streaming software (OBS, Streamlabs) and Twitch Extensions. If you are building overlay panels, start from a 1920 × 1080 canvas.
Twitch Profile Picture Size
Recommended: 256 × 256 px minimum. Square (1:1). Max 10 MB. PNG or JPG.
Twitch displays your profile picture as a circle across the entire platform — on your channel page, in chat, in search results, and on follower notifications. Upload a square image and Twitch handles the circular crop.
The official minimum is 256 × 256 px. For the sharpest appearance on retina and high-DPI screens, upload at 512 × 512 or 1024 × 1024. Twitch downscales it for display but retains the higher-resolution source.
A few things that hurt profile picture quality:
- Non-square images: Twitch crops from the center. A portrait image loses the top and bottom; a landscape image loses the sides.
- Small source file: Uploading a 100 × 100 image and expecting Twitch to upscale it produces blur. Start with a source image at or above the display size.
- Fine detail near the edge: The circular crop removes the corners. Any important subject matter within about 15% of the edge may get cropped.
Keep your subject centered, with breathing room around the edges.
Twitch Panel Images
Width: 320 px. Height: flexible (no strict maximum). Max 2 MB. PNG, JPG, or GIF.
Panels are the rectangular blocks below your stream on your channel page. Streamers use them for: about sections, donation buttons, social links, sponsor logos, subscriber perks, schedule, and game rules.
Twitch constrains the width to 320 px but leaves height open. Common panel heights:
| Panel Use | Common Height |
|---|---|
| Simple image / logo | 80–160 px |
| Info block with text | 150–300 px |
| Full-feature panel | 300–500 px |
Panel Design Guidelines
- Use PNG for panels with text or sharp graphics — the lossless compression keeps text crisp at 320 px wide.
- Animated GIF panels work and can draw attention, but keep the file under 2 MB. A looping animation above 2 MB uploads as a still image.
- Design at 2× (640 px wide) and scale down to 320 px for sharper rendering on retina displays.
- Twitch does not upscale panel images, so a 160 × 80 image uploaded for a panel that spans 320 px wide will look blurry.
Note: Twitch emotes (custom subscriber emotes) have their own distinct specs — 28 × 28, 56 × 56, and 112 × 112 px — covered in detail in the Twitch Emote Size guide.
How to Resize Images for Twitch with Pixotter
Getting every image to the right dimension is tedious when you are managing a new channel. Pixotter handles it in three steps — no account, no upload, processed entirely in your browser.
- Go to Pixotter's resize tool.
- Drop your image — drag it straight from your desktop or click to browse.
- Enter the target dimensions — for example, 1200 × 480 for your profile banner, or 1920 × 1080 for your offline screen.
- Download the resized image immediately.
If your image is too large in file size — Twitch has a 10 MB limit on most images and 2 MB on panels — run it through Pixotter's image compressor after resizing. You can resize and compress in the same session without re-uploading.
Need to prep images for other platforms? See the Discord image size guide and the YouTube thumbnail size guide for their respective specs.
Frequently Asked Questions
What is the Twitch banner size?
The recommended Twitch profile banner size is 1200 × 480 pixels at a 5:2 aspect ratio. The maximum file size is 10 MB. Accepted formats are PNG and JPG.
What size is the Twitch offline screen?
The Twitch offline screen (video player banner) should be 1920 × 1080 pixels at a 16:9 aspect ratio, under 10 MB. This is the image viewers see when you are not streaming.
What is the Twitch profile picture size?
Twitch profile pictures have a minimum size of 256 × 256 pixels, displayed as a circle. For sharper results on high-DPI screens, upload at 512 × 512 or 1024 × 1024. Max file size is 10 MB.
What size are Twitch panels?
Twitch panels are 320 pixels wide with flexible height. The maximum file size for panels is 2 MB. Use PNG for sharp text and graphics. Animated GIF panels work if the file is under 2 MB.
Why does my Twitch banner look blurry?
A blurry banner usually means the source image is smaller than the recommended dimensions. Upload at 1200 × 480 minimum for the profile banner. If the source file is already the right size but still looks soft, the image may have been over-compressed — reduce compression before uploading.
Should I use PNG or JPG for Twitch images?
Use PNG for images with text, sharp edges, logos, or overlays — PNG is lossless and keeps edges crisp. Use JPG for photographs and complex scenes where the smaller file size matters. Both formats are accepted by Twitch. If file size is a concern, see the JPG vs PNG comparison for a full breakdown.
Setting Up Every Twitch Image
Here is the full checklist for a channel launch or refresh:
| Image | Size | Format | Notes |
|---|---|---|---|
| Profile Banner | 1200 × 480 px | PNG or JPG | Center the key visual; clear left edge for profile picture |
| Offline Screen | 1920 × 1080 px | PNG or JPG | Add schedule, social handles, subscribe CTA |
| Profile Picture | 512 × 512 px | PNG | Square source, circular display — center the subject |
| Panels | 320 × custom px | PNG (or GIF) | Design at 2× and scale down |
Resize all of them in one session at Pixotter's resize tool. Drop the first image, resize, download — then drop the next one. No account required, no images leave your browser.
For other platforms in your setup, check the Discord image size guide and the YouTube thumbnail size guide.
Get your Twitch images to the right size
Resize any Twitch image to exact dimensions — free, no signup, no file upload. Your images stay in your browser.
Try it yourself
Ready to resize? Drop your image and get results in seconds — free, instant, no signup. Your images never leave your browser.