Need the correct Twitch overlay size, banner dimensions, emote sizes, or OBS canvas settings? This guide covers every Twitch graphic size in one place, updated for 2026.
Whether you need a quick spec or a full Twitch size guide before you start designing, everything is below. Using the correct dimensions helps prevent blurry overlays, cropped banners, stretched webcam frames, and unreadable graphics.
Once your sizes are right, you can skip the guesswork entirely with a ready-made set of Twitch overlays built to these exact dimensions.
Twitch graphic size table
Twitch overlay size
The standard Twitch overlay size is 1920 x 1080 pixels. This matches the default 16:9 canvas used by OBS Studio, Streamlabs, and most modern streaming setups.
Designing overlays at the wrong resolution is one of the most common reasons streams look blurry, stretched, or poorly aligned. Even if your gameplay resolution changes, your overlay should usually remain built around a 1920 x 1080 canvas.
Most overlays are designed to sit safely around the edges of gameplay without blocking important HUD elements, health bars, minimaps, or subtitles. This is especially important for competitive games like Call of Duty, Valorant, Apex Legends, and Fortnite where interface visibility matters.
If you use animated overlays, exporting in optimized .webM format helps reduce file sizes while maintaining transparency and smooth playback inside OBS or Streamlabs.
Prefer to start without spending anything? Grab a pack of free stream overlays and swap your branding in later.
| Recommended Size | Webcam Aspect Ratios |
|---|---|
| 1920 x 1080 px (Base canvas) | 16:9 (standard) or 4:3 (compact) |
Best OBS canvas settings for Twitch overlays
Most Twitch overlays are designed around a 1920 x 1080 base canvas with a 16:9 aspect ratio. Inside OBS Studio, this usually means setting your Base (Canvas) Resolution to 1920 x 1080 and matching your overlay files to that same resolution. This is the standard stream layout used by most modern Twitch overlay packs and overlay layouts.
If your overlays appear blurry or misaligned, the issue is often caused by incorrect canvas scaling rather than the overlay itself. Matching your OBS canvas, output resolution, and overlay dimensions helps keep scenes sharp and properly aligned across different devices.
How to make Twitch overlays look clean on stream
- Design overlays at 1920 x 1080 pixels. This prevents scaling problems inside OBS and keeps everything aligned correctly.
- Leave space for gameplay HUDs. Avoid covering minimaps, ammo counters, subtitles, or health bars with overlay elements.
- Keep webcam frames proportional. Oversized webcams are one of the fastest ways to make a stream feel cluttered.
- Use webM for animated overlays. It supports transparency with much smaller file sizes than GIF.
- Avoid excessive motion. Constant movement can distract viewers and make gameplay harder to follow.
- Test overlays on multiple screen sizes. Small text that looks fine on a desktop monitor may become unreadable on mobile devices.
Streaming to TikTok or Shorts as well? You’ll want vertical Twitch overlays sized for a 9:16 frame.
Twitch banner size
The Twitch banner size you choose plays a big role in how your channel looks and feels. Your banner sits at the top of your Twitch profile, so it needs to stay sharp and readable across different devices, including wide monitors, laptops, tablets, and TVs.
Twitch can crop parts of your banner on mobile and smaller screens, so it is important to keep logos, text, and key visuals inside the central 900px safe zone. This helps make sure your most important content is not cut off.
For the full guide, including the correct dimensions, safe zone advice, and a free Twitch banner maker, check out our Twitch Banner Size Guide and free Twitch banner maker.
Twitch Video Player Banner Size
The Twitch video player banner size is 1920 x 480 px. This is the ultra-wide banner that appears behind the stream player on your Twitch channel page, separate from your standard profile banner.
Because of its extremely wide layout, this Twitch banner resolution works best with simple branding, large background artwork, gradients, or subtle textures. Avoid placing important text near the far left or right edges, as Twitch may crop parts of the image on smaller screens.
Twitch banner design tips
Keep your Twitch banner simple, readable, and focused on your channel identity. Your logo, name, or most important text should sit inside the safe area so it does not get cropped or hidden on smaller screens.
Use the 1200 x 480 pixel size as your main export and avoid placing important details too far to the right. A clean banner with strong contrast, consistent fonts, and matching brand colors will usually work better than a busy design with too many elements.
Twitch profile picture size
Your Twitch profile picture is a key part of your channel’s branding. It appears across your Twitch page, social media previews, email notifications, and even in search results. A strong profile image helps viewers recognize your channel quickly and adds to the overall professionalism of your stream.
The ideal size for a Twitch profile picture is 800 x 800 pixels. Uploading an image at this size ensures it displays clearly and avoids common scaling or upload issues. Twitch will resize the image in different areas of the site, so keep it clean and focused.
| Graphic | Recommended Dimensions | Max File Size |
|---|---|---|
| Profile Picture | 800 x 800 px (1:1 ratio) | 10 MB |
Designer tip for Twitch PFPs
Even though Twitch often displays your profile image closer to 256 x 256 pixels in many areas of the platform, you should still upload your Twitch profile picture at 800 x 800 px. This gives Twitch a higher quality source image to scale down from, which helps your Twitch icon stay sharper on high-resolution monitors, mobile devices, and larger screens.
Avoid adding tiny text or detailed artwork inside your Twitch avatar size canvas, since profile images are usually viewed at very small sizes.
Where your profile picture appears
Your Twitch profile picture (also called a Twitch PFP or icon) shows up in many places, including:
- Your Twitch channel page
- The Twitch mobile app and directory
- Email updates sent to your followers
- Social media previews (Twitter, Discord, etc.)
- Google search when your stream is indexed
If no image is uploaded, Twitch will display a default Twitch PFP, typically a colored icon with the first letter of your username.
Designer tip
Upload your profile picture at 800×800 even though Twitch displays it at 256px — it stays sharp after compression across all devices.
Twitch profile picture design tips
- Use a clear, high-resolution image. Upload at least 500 x 500 px for your Twitch profile picture full size. Lower-resolution uploads may appear blurry, especially on larger displays.
- Match your brand. Whether you’re using a Twitch logo or your face, aim for consistency with your overlays, Twitch panels, and banners. Logos typically work well at 800 x 800 px, saved as transparent PNG files.
- Keep it simple. A clean Twitch icon size like 256 x 256 px or higher will look professional and scale well.
- Fill the frame. Make sure your face, logo, or main design element is centered and occupies most of the image.
- Be consistent across platforms. Use the same image across Twitch, YouTube, Twitter, Discord, and anywhere you promote your channel.
Twitch channel point icon size
If you’re customizing channel rewards, your Twitch channel point icon size must be uploaded in three sizes: 112 x 112 px, 56 x 56 px, and 28 x 28 px, in PNG format with a transparent background.
Twitch offline screen size
A Twitch offline screen is a static image that shows on your channel when you’re not live. It helps keep your stream looking professional and gives viewers helpful info even when you’re offline.
The recommended Twitch offline screen size is 1920 x 1080 pixels, which matches the standard 16:9 aspect ratio used by most streams and monitors. This ensures your offline screen looks sharp and scales properly on all devices.
Offline screens can display your logo, social media links, stream schedule, or a short message letting viewers know when you’ll be back. They’re a simple but powerful way to stay connected with your audience between streams.
| Recommended Size | Max File Size |
|---|---|
| 1920 x 1080 px | 10 MB |
What to put on a Twitch offline screen
- Keep things simple and easy to read.
- Stick to colors and fonts that match your overall stream branding.
- Include social links so viewers can stay connected outside of Twitch.
- Add a brief message or schedule so people know when you’ll be back.
- Update your offline screen if your content or branding changes.
Offline screen best practices
Your offline screen can usually reuse the same 1920 x 1080 layout as your Starting Soon or BRB scenes. Keeping these scenes visually consistent helps your stream feel more polished and recognizable.
Many streamers also use offline screens to display schedules, Discord communities, or social links so viewers still have somewhere to go when the stream ends.
Twitch emote sizes and templates
Emotes have their own specific size requirements separate from your other stream graphics. Twitch requires three versions of every emote: 28×28, 56×56, and 112×112 pixels, all as PNG files with a transparent background.
For the full upload spec including animated emote sizes and file format requirements, see our Twitch emote size guide.
Twitch subscriber badges
Twitch subscriber badges are small icons that appear next to a viewer’s name in chat when they subscribe to your channel. They’re a simple way to reward loyalty and build a stronger sense of community on your stream.
Badges don’t require Twitch approval, so once you design them, you can upload and start using them immediately. Just make sure they follow the correct format and size.
Tips for designing great Twitch subscriber badges
Twitch thumbnail size
Twitch subscriber badges are small icons that appear next to a viewer’s name in chat when they subscribe to your channel. They help reward loyal viewers and make long-term subscribers easier to recognize during streams.
Twitch subscriber badges do not require manual approval, so you can upload and use them immediately as long as they follow Twitch’s size and format requirements.
| Recommended Size | Max File Size |
|---|---|
| 1280 x 720 px | 10 MB |
Twitch subscriber badge design tips
Because Twitch badges display at very small sizes, simple designs usually work best. Avoid tiny text, thin outlines, or overly detailed artwork that becomes unreadable in chat.
For the best results:
- Use bold shapes and clear contrast
- Keep important details centered
- Export transparent PNG files
- Preview badges at 18 x 18 px before uploading
Many streamers also create different Twitch subscriber badges for sub milestones such as 1 month, 6 months, or 1 year to encourage long-term subscriptions.
Tips for designing eye-catching Twitch thumbnails
- Stick to bold colors and clean fonts that make your thumbnail pop on the page.
- Highlight the game or content so viewers immediately know what your VOD is about.
- Add short, relevant text like the game title or a catchy phrase — but don’t overcrowd it.
- Keep the layout simple, with clear focus and minimal distractions.
How to make Twitch thumbnails easier to click
A good Twitch thumbnail should be clear at a small size. Use one strong visual focus, readable text, and enough contrast for the image to stand out while viewers browse past broadcasts.
Avoid overcrowding the thumbnail with too many words, tiny logos, or busy background details. If the image still makes sense when scaled down, it is much more likely to work well across desktop, mobile, and Twitch preview areas.
Twitch panel sizes and free downloads
If you’re looking specifically for Twitch panel sizes, layout tips, or help designing panels that match your brand, we’ve got a full guide just for that.
Learn the ideal dimensions for channel panels, how to optimize their layout, and download a full set of free Twitch panels to get started. We also showcase premium packs for creators who want a polished, pro-level design.
Explore everything in our dedicated Twitch Panels Size Guide.
Twitch alert size
Twitch alerts are visual popups that appear during your stream when viewers follow, subscribe, donate, or interact in other ways. Designing alerts that look great and load quickly can make a big impact on your stream’s quality and viewer experience.
To avoid lag or performance issues in OBS, it’s best to keep alert file sizes lightweight and properly optimized.
| Recommended Size | Max File Size |
|---|---|
| 700 x 250 px | 10 MB |
Why webM alerts work better than GIFs
- Use .webM format for animated alerts. It supports transparency and small file sizes.
- Avoid using GIFs for animations. They don’t compress well and can cause stuttering.
- For static alerts, use transparent PNGs to blend cleanly into your stream layout.
Warning
Keep alert files under 2–3MB for smooth OBS performance. Even though Streamlabs allows up to 10MB, larger files can cause stuttering mid-stream.
Tips for designing effective stream alerts
- Keep it simple: Alerts should be clear and easy to understand at a glance.
- Use bright colors and bold fonts to grab attention when they appear on screen.
- Match your style: Alerts are a chance to reinforce your stream’s branding and personality.
- Always test before going live to make sure animations work and nothing breaks mid-stream.
Twitch webcam size
Choosing the right Twitch webcam size depends on your content, layout, and personal streaming style. Some streamers prefer a large, professional-looking webcam, while others go for a smaller, more subtle look that doesn’t interfere with gameplay or overlays.
While there’s no one-size-fits-all recommendation, it’s best to start with a high resolution and scale down as needed to fit your scene layout.
| Recommended Size | Webcam Aspect Ratios |
|---|---|
| 1920 x 1080 px | 16:9 (wide) or 4:3 (compact) |
Where to place your webcam on stream
- Match your stream style: Casual streams might suit a smaller webcam, while professional layouts can benefit from a larger presence.
- Avoid UI overlap: Games with busy HUDs or in-game elements may require downsizing the webcam to avoid covering important visuals.
Recommended webcam resolutions
- 16:9 webcam: 1920 x 1080 pixels (most common)
- 4:3 webcam: 1600 x 1200 pixels (for tighter crops or retro aesthetics)
Frequently Asked Questions
What size is a Twitch banner?
The recommended Twitch banner size is 1200 x 480 pixels, with a 5:2 aspect ratio and a maximum file size of 10MB.
What size is a Twitch profile picture?
The recommended Twitch profile picture size is 800 x 800 pixels. Use a square image so it scales cleanly across your channel, chat, mobile app, and search previews.
What size is a Twitch overlay?
The standard Twitch overlay size is 1920 x 1080 pixels. This matches the usual OBS and Streamlabs canvas size for a full HD 16:9 stream layout.
What size is a Twitch offline screen?
The recommended Twitch offline screen size is 1920 x 1080 pixels. This gives you a full HD 16:9 image that fits the Twitch video player cleanly.
What size are Twitch emotes?
Twitch emotes should be uploaded at 28 x 28, 56 x 56, and 112 x 112 pixels. Static emotes should be PNG files, while animated emotes use GIF format.
What size are Twitch subscriber badges?
Twitch subscriber badges must be uploaded in three sizes: 18 x 18, 36 x 36, and 72 x 72 pixels. Each file should be PNG format and under 25KB.
What size is a Twitch alert?
A common Twitch alert size is 700 x 250 pixels. For animated alerts, use .webM where possible because it supports transparency and keeps file sizes smaller than GIF.
What size should a Twitch webcam be?
A Twitch webcam source usually starts at 1920 x 1080 pixels for a 16:9 layout, then gets scaled down inside OBS or Streamlabs to fit your stream design.
What size is a Twitch starting soon screen?
The recommended Twitch starting soon screen size is 1920 x 1080 pixels with a 16:9 aspect ratio. This matches the standard OBS and Twitch stream resolution, helping your starting screen display correctly on desktop, mobile, and TV viewers without stretching or black bars.
What size is a Twitch BRB screen?
The ideal Twitch BRB screen size is 1920 x 1080 pixels. Using a full HD 16:9 layout ensures your Be Right Back screen fits properly inside your stream scene and stays sharp across all devices.
What is the Twitch PFP size?
The recommended Twitch PFP size is 800 x 800 pixels with a square 1:1 aspect ratio. Although Twitch often displays your profile picture much smaller, uploading at 800 x 800 px helps keep your Twitch icon or avatar sharp and clear throughout the platform.
Final thoughts
Using the correct Twitch graphic sizes helps your stream look sharper, cleaner, and more professional across OBS, Streamlabs, desktop browsers, TVs, and mobile devices.
Whether you are creating overlays, banners, emotes, alerts, webcam layouts, or stream screens, sticking to the correct dimensions helps prevent blurry graphics, awkward cropping, and layout issues before they happen.
If you want more detailed recommendations, setup tips, and design examples, check out our dedicated guides for Twitch emote sizes and Twitch panel sizes. These deeper guides cover file formats, safe zones, transparency settings, and platform-specific best practices in more detail.
As Twitch continues evolving, we will keep this guide updated with the latest Twitch overlay sizes, upload limits, aspect ratios, and design recommendations.
More Twitch Setup Guides
Looking for more? Start here.
- Twitch Panels Guide, panel sizes, layouts, and design tips.
- Twitch Emote Size Guide, emote dimensions, formats, and upload rules.
- Twitch Emote Resizer Tool, resize Twitch emotes instantly online.
- Free Twitch Overlays, overlay packs built for OBS and Streamlabs.
- Professional Twitch & Streaming Tools, Free tools for streamers, creators, and content designers.