FollowTrainTV

Twitch Tutorials and Streaming Advice

The best Twitch profile banner template with PSD download

Sharing is Caring!

I am currently reworking the graphics on my Twitch channel and I noticed some interesting things about the Twitch profile banner image that I will share with you. It took me a little while to figure this out so I hope you like it! Also if you are looking for more followers then I have a bunch of Fiverr gigs that can generate you a lot of followers on Twitch. Check out some of my customer reviews, I am very proud to say I have many happy customers!

So let’s take look at what I learned about the Twitch profile banner. I have also included a free Photoshop file for you to download.

Twitch Recommends

Twitch recommends that we upload an image which is 900 x 480 pixels. I noticed that this size is almost a 16:9 resolution. 16:9 is a very common ratio size for video and most HD monitors work using a 16:9 ratio.

I have attached an image below which shows a 900 x 480 pixel image that has been stretched so it’s width is 1280 pixels which allowed me to test it against a 1080p resolution or 16:9 image ratio. As you can see there is a small red bar at the bottom of the image that represents the difference in size between the recommend Twitch profile banner size and an image which is 1920 x 1080 pixels.

900-stretched

Twitch profile image and it’s strange behavior

I noticed that if you upload an image which is larger than 480 pixels in height Twitch will resize it to be 480 pixels and then it stretches as the screen size gets bigger.

As monitors change in size so will your background and how it looks.

I have included two images below which will show you how my 1080p test graphic changes depending on the size of the users monitor. To test this you can simply drag your Twitch profile window bigger and smaller, this will only work if you already have a large monitor.

test-graphic

1080p-test1

1080p-test2

Working with really huge monitors

Finally Twitch encourages you to add a background color to your image upload and I figured this is to support really huge monitors. But I don’t seem to be able to produce a scenario where a background actually requires the background color to be present because it seems to always stretch the image to be as big as the users screen.

The Best Background Size

After much testing I can recommend creating a background profile image that is 1870 x 500 pixels. This allows you to create a really good design plus it doesn’t create the awful scaling problems that seem to happen with images that are using a 16:9 ratio.

Twitch Profile Banner Template PSD

I have created an Adobe Photoshop file which can be used to create stunning Twitch profile backgrounds that work across all screen sizes. Below is a link to my Twitch profile banner template and a sample of how it looks.

Click Here to DOWNLOAD the Twitch profile banner PSD file

I have put some notes in the file but basically the majority of the important information and image should be placed in the area marked Visible Area #1. This allows all users to see your message and main graphic.

twitch-profile-template-background

Visible Area #1 – This area should contain any important messages you want the user to read. Be careful of the Twitch footer overlay and Twitch profile Avatar.

Visible Area #2 – This area can be seen on larger screens that support 1080p HD. This area can contain nice art work. Most people will see this area as well as area #1.

Visible Area #3 – Most people will not see this area but some people may see it.

Sample Background

I made a very quick sample background which looks beautiful across all screen sizes.

example-1280px-800px

example-hd-screen

example-fullscreen

The Final Word!

I hope you found this tutorial informative and useful, please leave me a comment below with a link to your Twitch profile if you use my photoshop template, I would love to see what you can do with it!



25 Comments

Leave a Reply

%d bloggers like this: