# Twitch panel size: 640×320 panels that look like a set [Canonical HTML page](https://gradiently.design/guide/twitch-panel-size) Panels are the strip of tiles under your stream that tells new viewers who you are. Made as a set, they look like a channel with a plan. Made one at a time, they look like a noticeboard. ## The short version - Design Twitch panels at 640×320 pixels, a 2:1 frame that Twitch shows at 320 pixels wide. - Designing at twice the display width keeps panel text sharp on high density phone and laptop screens. - Twitch panels sit in the About section under the video player, and each one can carry an image, a link and a written description. - A panel set reads as one design when every panel shares the same background, typeface, label position and margins. - Keep panel labels to one or two words, because the image is roughly the size of a thumbnail once it is on the page. 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 | Property | Value | | --- | --- | | Design size | 640×320 px | | Shown on the channel at | 320 px wide | | Aspect ratio | 2:1 | | File type | PNG for text and flat colour, JPG for photos | | Each panel can hold | A title, an image, a link and a description | Twitch scales panel images down to the column width. Taller panels are allowed, but a consistent 2:1 height is what makes a row of panels look tidy. 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. - Panel 640×320: 640 × 320 - Profile banner 1200×480: 1200 × 480 - Offline screen 1920×1080: 1920 × 1080 The three pieces of Twitch channel art at their design sizes, drawn to scale. The panel is a fraction of the offline screen, so it can only carry a word or two. ## 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. | Panel | Image label | What goes in the description | | --- | --- | --- | | About | About | Who you are, what you stream, in three sentences | | Schedule | Schedule | Days and start times with your time zone | | Rules | Chat rules | Four or five short rules | | Community | Discord | One line on what happens there, with the invite link on the image | | Socials | Socials | Where clips and announcements go | | Setup | Setup | Camera, microphone, game settings | | Support | Support | How to subscribe or tip, without pressure | A typical panel set. The image carries the label; the description carries the detail, because description text can be updated in seconds and is readable by screen readers and search. 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 A 640 by 320 Twitch panel with the single word About centred on a gradient background The About panel: one word, centred, on the channel's background. A matching 640 by 320 Twitch panel with the word Schedule in the same place and style The Schedule panel: same background, same type, same position. Only the word changes. 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. ### Looks like a noticeboard - A different colour for every panel - Labels left aligned on one, centred on the next - A different font size depending on word length - Schedule times typed into the image - Icons from three different sets ### Looks like a set - One background family across every panel - The label in the same position every time - One font size, chosen to fit the longest label - Times in the description, easy to update - One icon style, or no icons at all 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](https://gradiently.design/guide/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](https://gradiently.design/guide/text-on-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](https://gradiently.design/guide/twitch-streamer-branding) covers in full, and see [Twitch offline screens](https://gradiently.design/guide/twitch-offline-screen) and [stream backgrounds](https://gradiently.design/guide/stream-overlay-background) for the bigger pieces. 1. **Pick one background** Choose the colour or material that will run across overlay, banner, offline screen and panels. 2. **Design one master panel** Set the longest label at 640×320, decide its size, position and margins, and stop there. 3. **Duplicate it for every label** Change only the word. Resist adjusting anything else panel by panel. 4. **Export as PNG** PNG keeps flat colour and lettering clean, where a compressed JPG can blur the edges of letters. 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](https://gradiently.design/guide/batch-create-social-media-content) shows. ## FAQ ### What size are Twitch panels? Design them at 640×320 pixels. Twitch shows panels 320 pixels wide, so this gives you a sharp image at double resolution. ### Can Twitch panels be taller than 320 pixels? Yes, Twitch accepts taller panel images, but a consistent 2:1 height keeps a row of panels neat. Put long information in the description instead of a tall image. ### Where do Twitch panels appear? In the About section of your channel, below the video player. Turn on Edit Panels there to add, reorder or remove them. ### Should I put my schedule in the panel image? Put the word Schedule in the image and the days and times in the description. Text in the description is easy to update and readable on every screen. ### How many Twitch panels should I have? Four to eight covers most channels: About, Schedule, Rules, Discord, Socials and perhaps Setup or Support.