TWITCH SIZING GUIDE 2021

Updated: Oct 6, 2021

If you are a Twitch Streamer or wants to work on your own designs for Twitch, this guide is necessary for you! Here you will find all the dimensions and ratios for all elements you can apply on your stream.


Every information in here is based on the latest Twitch update, and can be used by both streamers and designers! Everything has been tested by our team and we’ll continue to follow new updates over time.


This post includes information about:



So let’s start!


Twitch Profile Picture Size

Let’s start from the beginning!


Your avatar, also known as a profile picture, is the most likely to be a new viewer’s first impression of you as a streamer, since it is the primary image associated with your Twitch channel. So make sure to follow the right dimensions!


Profile Pictures are square, so you’ll need to use a 1:1 aspect ratio (height and width equal). Twitch recommendations are minimum dimensions of 200 x 200 pixels, with a maximum of 256 x 256 pixels.


In relation to file size, the maximum is 10MB, and they accept file types like JPEG and PNG!

  • Dimensions (Minimum): 200 X 200

  • Dimensions (Maximum): 256 x 256 pixels

  • Maximum File Size: 10MB

  • Accepted File Types: JPEG, PNG


Our recommendations and reminders:

  • By using 256 X 256 dimensions, you can ensure a high image quality, so keep that in mind. Always!

  • Reminder: The Profile Picture is small and it will often be scaled down to fit on different devices, so make sure to fit the subject/logo perfectly into the frame!

  • Your avatar is a prominent image for Twitch so try to choose one that really fits you and/or your stream vibe.



Twitch Panels Size

Your stream’s environment can be greatly improved with attractive Twitch Panels!


What is a Twitch Panel and what is its purpose? Well, a Twitch panel is used as an info banner! Its purpose is to provide more information about your stream or to direct viewers outside the Twitch platform. Your Twitch panels should give viewers a sense of what you and your channel are about.


What are some of the panels you can add to your channel? Here are some ideas:

  • About Me Panel,

  • Schedule Panel,

  • Subscribe Panel,

  • Donation Panel,

  • Rules Panel,

  • Stream Setup Panel,

  • Social Media Panel,

  • Discord Panel,

  • Youtube Panel and more!


So make sure to follow the right dimensions since the wrong ones can make it blurred or even useless, impacting and distorting your stream’s whole look.


The maximum panel width is 320 pixels! If your panel is larger than that, it will be automatically scaled down to 320 pixels and it won’t look nice.


The file size should be 2.9MB or less, and when it comes to format, go with a transparent PNG!

  • Recommended Dimensions (Traditional): 320 x 60-100 pixels

  • Recommended Dimensions (Tall): 320 x < 600 pixels

  • Maximum File Size: 2.9MB

  • Recommended File Format: Transparent PNG


Our recommendations and reminders:

  • When it comes to Twitch panels, size is always significant! So keep in mind that larger is not always safer.

  • Twitch panels also give you some freedom when it comes about its height, so you can always use your creativity and preferences! For example, you can use rectangular panels (60 - 100 pixels) for single line texts and organizational dividers. You can also use square or vertical panels (600px) to display more information! Feel free to use the ones that fit your stream!



Twitch Profile Banner Size

A little bit more about yourself and your stream!


Profile banners are the ones you can find at the top of every Twitch channel. It acts as a cover image or profile header, and is used to provide more information or summarise the characteristics of that particular channel.


So the recommended size for these banners is 1920 x 480 pixels. However, keep in mind that the image will be scaled based on the width of each user’s browser window!


Your profile banner should be below 10MB, otherwise Twitch will compress your image. This can cause image distortion and that won’t look good.


As for format, you have the option of either JPEG or PNG files!

  • Recommended Dimensions: 1920 x 480 pixels

  • Maximum File Size: 10MB

  • Recommended File Types: JPEG or PNG


Our recommendations and reminders:

  • You can also use transparent PNGs! This will prevent some possible awkward or ugly overhangs in your banner.

  • Make sure to always summarize the information on your Profile Banner! That will look clean and give your viewers enough information.



Twitch Offline Screen

Keep viewers informed even when you are away!


Twitch Offline Screens, also known as Video Player Banners, are a way of providing updates on the stream and social networks even when you are away!


Your Video Banner will need to match Twitch’s aspect ratio of 16:9. For that reason, go with dimensions of 1920 x 1080px. This is a great choice, since it will leave you with a large and high resolution canvas that will look great even on larger screens!


Keep your file size below 10MB, otherwise your image will be auto-compressed by Twitch, causing pixelation and artifacting.


Accepted formats are JPEG, PNG or GIF, but we always recommend you to go with JPEG or PNG! When it comes about GIF files, they won’t be fully animated, showing you only the first frame of that animation!



  • Recommended Dimensions: 1920 x 1080 pixels

  • Maximum File Size: 10MB

  • Accepted File Types: JPEG, PNG & GIF

  • Recommended File Types: JPEG & PNG


Our recommendations and reminders:

  • The offline screen dimensions also fit well for Start, End and BRB (‘Be Right Back’) screens!

  • Keep in mind that the image will be scaled based on the width of each user’s browser window!



Twitch Emotes & Badges

Making your stream look more dynamic!


EMOTES


A Twitch emote is used in a real-time chat by viewers of a Twitch livestream. They are a way to communicate or react to something that is happening in the livestream. Emotes can make your streams look more alive, dynamic and fun, allowing your viewers to interact even more!


But it is important to know that emotes are only available to affiliated companies and partners and must then be checked by Twitch before using them on your site. Searching about it is important to understand how everything works and how you can upload emotes to your stream!


When submitting the emotes, you’ll need to have three versions with three different sizes of each emote: 28 x 28 pixels, 56 x 56 pixels, and 112 x 112 pixels. Be sure to save out three different versions!


Remember that all emotes must be transparent, so you’ll need to stick with PNG format. The maximum file size being 25KB.

  • Recommended Dimensions: 28 x 28px, 56 x 56px and 112 x 112px

  • Maximum File Size: 25KB

  • Recommended File Types: PNG


Our recommendations and reminders:

  • Keep your emotes simple! Since the emotes will be scaled down to a tiny size, too many details or too much information can get lost or confusing.

  • When using text on emotes, make sure to be clear! The phrases or words should be big and simple!


BADGES


Twitch Subscriber Badges and/or Loyalty Badges are the ones that are automatically displayed next to a subscribed viewer’s name in Chat, and are exclusive to your channel. It is an interesting and entertaining addition to your stream for daily visitors.


So badges can show for how long the viewer has been Subscribed to your channel. For example, a 6-month Subscriber to your channel would have a different badge design than a