Twitch panel size: 640×320 panels that look like a set

The Twitch panel size to design at is 640×320 pixels, a 2:1 frame. Twitch displays panels 320 pixels wide in the About section under your stream, so a 640 pixel design is drawn at double resolution and stays crisp on sharp screens. Treat each panel as a labelled header, one or two words like About or Schedule, and put the detail in the panel's description text, which Twitch shows underneath and which stays readable at any size.

Twitch panel dimensions

Panels share your channel with two larger pieces of art: the profile banner across the top and the offline screen inside the player. Seen side by side, the panel is tiny. That single fact decides most of the design choices below.

Plan the panel set before you design one

Most channels need between four and eight panels. Write the list first, then design them all in one sitting so they share every decision. A viewer scrolling down should see a row of matching tiles, the same way a good menu uses the same type for every heading.

Keeping the detail out of the image has a second benefit: when your schedule changes, you edit a line of text instead of redesigning a picture. Use the panel's link field for anything clickable, such as your Discord invite, so the whole image becomes the button.

How to make Twitch panels look consistent

Consistency comes from fixing four things and changing only one. Fix the background, the typeface, the label's position and the margins; change only the word. If you want variety, shift where the light falls in the background from panel to panel, but keep the colours from one family so the row still reads as a set.

Size the type for your longest label, not your shortest. If Community fits at a given size, set every other label at that size too, even though About could be bigger. Matching sizes are what make the row feel deliberate.

Text size on a Twitch panel

On the page, a 640×320 panel becomes 320×160, so every letter shrinks to half. As a working rule, set labels with capital letters at least 60 pixels tall in the 640 pixel design, which lands around 30 pixels on screen. Leave about 40 pixels clear on every edge, so no label feels jammed against the edge of the panel.

• Use a bold or heavy weight: thin strokes break up when halved. Bold fonts has options that hold at small sizes.
• Keep to one or two words per panel. A sentence in an image is a sentence nobody reads.
• Check contrast across the whole label, not just its middle. Gradients change behind the letters, which text on a gradient explains.
• Avoid outlines and drop shadows to rescue weak contrast. Pick a calmer part of the background instead.

Before you upload, shrink the design to 320 pixels wide on your own screen and look at it from arm's length. If any label takes effort to read, it is too small or too low in contrast.

Make the panels match the rest of the channel

Panels work best when they look like they belong to your overlay, your offline screen and your profile banner. Use the same background and type across all of them, which Twitch streamer branding covers in full, and see Twitch offline screens and stream backgrounds for the bigger pieces.

1. 1

   Pick one background

   Choose the colour or material that will run across overlay, banner, offline screen and panels.

2. 2

   Design one master panel

   Set the longest label at 640×320, decide its size, position and margins, and stop there.

3. 3

   Duplicate it for every label

   Change only the word. Resist adjusting anything else panel by panel.

4. 4

   Export as PNG

   PNG keeps flat colour and lettering clean, where a compressed JPG can blur the edges of letters.

5. 5

   Add panels in order of importance

   Turn on Edit Panels under your stream, upload each image, set its link and write its description. About and Schedule go first.

Step three is where hand made sets drift. In Gradiently Pro you can put the labels in a spreadsheet and use bulk create to make every panel from one page in a single pass, so nothing moves between them, and the same Mark carries on into your offline screen and banner at their own sizes. The same method works for any series, as the batch creation guide shows.