Twitch Size Guide for Profile Images: Twitch Panels, Profile Banner, Etc

Ready to make your Twitch profile show what you’re about? Use this Twitch size guide as a quick reference for Twitch profile banner sizes, profile panel sizes, emotes, overlays, and more. You’ll also learn the maximum file sizes and other best practices.

Twitch Size Guide for Profile Design

GraphicDimensionsFile Size
Twitch Offline Banner1920 x 1080 pixels10 MB
Twitch Panels320 x 300 max pixels2.9 MB
Twitch Cover Image1200 x 480px, 1200 x 380, 600 x 20010 MB
Twitch Profile Picture256 x 256 pixels10 MB
Twitch VOD Thumbnail1280 x 720 pixels10 MB
Twitch Overlay1920 x 1080 pixels10 MB
Twitch Emotes / Badges112 x 112, 56 x 56, and 28 x 28 pixels
Webcam1920 x 1080 pixelsN/A

Note: Your files can be uploaded as PNG, GIF, or JPG — I recommend PNGs.


Twitch Panel Size

For Twitch panels, use a size of 320 pixels wide up to 300 pixels high. If your image is larger, Twitch will automatically resize it. Most streamers go about 100 pixels in height, but be creative! Tall panels are great to display sub emotes or other details about you and your stream.

Twitch panels are the only way to get images onto your Twitch profile sections. The panel images can act as headers, or be linked to a URL. It’s up to you if you want them to be simple link buttons or to have text under each one.

Why do my Twitch panels look blurry?

If your Twitch panels are blurry, they’ve been compressed by Twitch and likely need a smaller file size. Save the file as a PNG and compress it yourself (meaning to make the file size smaller). If you can’t do this, you can try PNGGauntlet. Another trick people try is making larger panels and uploading them so that Twitch shrinks them down with better results. In general, use good web image file hygiene: a simple color palette and using web colors, for example.


Twitch Cover Image Size

Your Twitch cover image (or profile banner) should have a size of 1200 x 480px. It appears at the top of your profile and can be opened or collapsed by clicking on your profile picture.

The cover image size can be confusing because it looks different on different devices and scales in size with the browser window. This can make the bottom of some banners disappear behind the video player. Sometimes, the chat being open can affect how the banner appears too.

A nice solution is to center your logo and any social media details in the upper half of your image. As of 2019, Twitch officially recommends 1200x480px for the cover image size. Still, some people use a 4:3 ratio rectangle anyway, so feel free to experiment.

Just consider that your cover image appears more places than your cover. It also appears:

  • Behind your profile details in chat when people click on your name.
  • In followers lists behind your profile avatar / thumbnail.

Double check that your banner is visible on as many views as possible: mobile, desktop, full screen, and with chat open or closed.


Twitch Profile Picture Size

Your Twitch profile picture should be 256 by 256 pixels.

Your Twitch profile picture, aka avatar, is important! It’s going to show up in all these places:

  • On the sidebar for viewers to see when you’re online.
  • At the top of your stream.
  • As your friends list icon.
  • In lists of followers of channels
  • On hover and click of your name in chat.
  • As the featured image of your stream if a link to your channel is posted to socials like Twitter.

The profile picture might be small in the sidebar and at the top of your channel, but remember how large it’s going to be in link thumbnails. It’s largest when your stream URL is shared to social media such as Twitter, Facebook, or in Discord.


Twitch Offline Banner Size

Your Twitch offline banner size should be 1920 by 1080 pixels. Your offline banner is shown on the video player when your stream is offline.

The offline banner is a great place to list your social media handles or your schedule. Just keep in mind that Twitch puts a shadow over the top and bottom of the offline banner, and you’d do better by centering your info.


Twitch Thumbnails for VODs Size

Twitch VOD thumbnails have a max size of 1280 x 720 pixels, and must meet a 16:9 aspect ratio.

Do you upload thumbnails for your VODs? It’s easy to overlook, but it’s a great way to highlight the best parts of your stream and get people interested in what you’re all about. Don’t forget about stream highlights, either — one segment of your stream, with a good thumbnail, can make for an awesome VOD library.


Twitch Overlay Size

Twitch overlays should be 1920×1080 pixels. Whether you’re making your own overlay images, or setting them up using StreamElements or StreamLabs, set them to this size.

When using a browser source for images in OBS, you can also set this size.


Twitch Emotes Sizes

Twitch emote sizes are 112×112 pixels, 56×56 pixels, and 28×28 pixels. Twitch needs all three sizes to approve the emote. The same sizes apply for Twitch subscriber badges and cheer badges. Twitch emotes need to be .PNG files.


Where to Get Twitch Graphics

  • Twitch Tags: Of course you browse the art section of Twitch, but don’t forget to take advantage of tags. The stream tags Art Commissions and Graphic Design are perfect for this.
  • Twitter: Tweet a request and artists will come to you. You can also search Twitter for the terms Twitch artist, commissions open, and similar.
  • Etsy: Check out the Twitch panels on Etsy. Artists offer both custom orders and pre-made Twitch panels there. Pre-made panels can be downloaded instantly and are usually inexpensive.
  • Fiverr: Ever since Fiverr added a Twitch section to their site, Twitch designers and emote artists have been putting up listings there.

Conclusion

Use your Twitch profile images to create consistency and convey what you’re all about. Hopefully, this Twitch size guide helped you set up your design. If you’re ready to move to next steps, check out Privacy for Twitch Streamers and Making Money on Twitch.

Have you seen any good Twitch designs that stood out from the crowd? Did I miss something, or is there anything you’d add to this list? Let everyone know in the comments below!