# Twitch-paneelformaat: panelen van 640×320 die een set vormen

[Canonical HTML page](https://gradiently.design/nl/guide/twitch-panel-size)

Panelen zijn de strook tegels onder je stream die nieuwe kijkers vertelt wie je bent. Als set gemaakt zien ze eruit als een kanaal met een plan. Eén voor één gemaakt zien ze eruit als een prikbord.

## The short version

- Ontwerp Twitch-panelen op 640×320 pixels, een 2:1-kader dat Twitch op 320 pixels breed toont.
- Ontwerpen op tweemaal de weergavebreedte houdt paneeltekst scherp op telefoon- en laptopschermen met hoge dichtheid.
- Twitch-panelen staan in het About-gedeelte onder de videospeler, en elk kan een afbeelding, een link en een geschreven beschrijving dragen.
- Een paneelset leest als één ontwerp als elk paneel dezelfde achtergrond, letter, labelpositie en marges deelt.
- Houd paneellabels tot een of twee woorden, want de afbeelding is op de pagina ongeveer zo groot als een thumbnail.

Het **Twitch-paneelformaat** om op te ontwerpen is 640×320 pixels, een 2:1-kader. Twitch toont panelen 320 pixels breed in het About-gedeelte onder je stream, dus een ontwerp van 640 pixels wordt op dubbele resolutie getekend en blijft scherp op scherpe schermen. Behandel elk paneel als een label met kop, een of twee woorden zoals Over mij of Schema, en zet de details in de beschrijving van het paneel, die Twitch eronder toont en op elk formaat leesbaar blijft.

## Twitch-paneelafmetingen

| Eigenschap | Waarde |
| --- | --- |
| Ontwerpformaat | 640×320 px |
| Getoond op het kanaal op | 320 px breed |
| Beeldverhouding | 2:1 |
| Bestandstype | Png voor tekst en vlakke kleur, jpg voor foto’s |
| Elk paneel kan bevatten | Een titel, een afbeelding, een link en een beschrijving |

Twitch schaalt paneelafbeeldingen naar de kolombreedte. Hogere panelen zijn toegestaan, maar een consistente 2:1-hoogte laat een rij panelen netjes ogen.

Panelen delen je kanaal met twee grotere stukken beeld: de profielbanner bovenaan en het offline-scherm in de speler. Naast elkaar gezien is het paneel klein. Dat ene feit bepaalt de meeste ontwerpkeuzes hieronder.

- Paneel 640×320: 640 × 320
- Profielbanner 1200×480: 1200 × 480
- Offline-scherm 1920×1080: 1920 × 1080

De drie stukken Twitch-kanaalbeeld op hun ontwerpformaten, op schaal getekend. Het paneel is een fractie van het offline-scherm en kan dus maar een woord of twee dragen.

## Plan de paneelset voordat je er één ontwerpt

De meeste kanalen hebben vier tot acht panelen nodig. Schrijf eerst de lijst en ontwerp ze dan allemaal in één keer, zodat ze elke beslissing delen. Een kijker die naar beneden scrolt moet een rij bijpassende tegels zien, zoals een goed menu dezelfde letter voor elke kop gebruikt.

| Paneel | Afbeeldingslabel | Wat in de beschrijving komt |
| --- | --- | --- |
| Over mij | Over mij | Wie je bent en wat je streamt, in drie zinnen |
| Schema | Schema | Dagen en starttijden met je tijdzone |
| Regels | Chatregels | Vier of vijf korte regels |
| Community | Discord | Eén regel over wat daar gebeurt, met de uitnodigingslink op de afbeelding |
| Sociaal | Socials | Waar clips en aankondigingen heen gaan |
| Setup | Setup | Camera, microfoon, spelinstellingen |
| Steun | Steun | Hoe je abonneert of een fooi geeft, zonder druk |

Een typische paneelset. De afbeelding draagt het label; de beschrijving draagt de details, omdat beschrijvingstekst in seconden kan worden bijgewerkt en door schermlezers en zoekmachines kan worden gelezen.

De details uit de afbeelding houden heeft een tweede voordeel: als je schema verandert, bewerk je een regel tekst in plaats van een beeld opnieuw te ontwerpen. Gebruik het linkveld van het paneel voor alles wat klikbaar is, zoals je Discord-uitnodiging, zodat de hele afbeelding de knop wordt.

## Twitch-panelen er consistent laten uitzien

Een Twitch-paneel van 640 bij 320 met het enkele woord Over mij gecentreerd op een verloopachtergrond

Het Over mij-paneel: één woord, gecentreerd, op de achtergrond van het kanaal.

Een bijpassend Twitch-paneel van 640 bij 320 met het woord Schema op dezelfde plek en in dezelfde stijl

Het Schema-paneel: dezelfde achtergrond, dezelfde letters, dezelfde positie. Alleen het woord verandert.

Consistentie komt van vier dingen vastzetten en er maar één veranderen. Zet de achtergrond, de letter, de positie van het label en de marges vast; verander alleen het woord. Wil je variatie, verschuif dan van paneel tot paneel waar het licht in de achtergrond valt, maar houd de kleuren uit één familie zodat de rij nog als set leest.

### Ziet eruit als een prikbord

- Een andere kleur voor elk paneel
- Labels op de ene links uitgelijnd, op de volgende gecentreerd
- Een andere lettergrootte afhankelijk van woordlengte
- Schematijden in de afbeelding getypt
- Iconen uit drie verschillende sets

### Ziet eruit als een set

- Eén achtergrondfamilie over elk paneel
- Het label telkens op dezelfde plek
- Eén lettergrootte, gekozen om bij het langste label te passen
- Tijden in de beschrijving, makkelijk bij te werken
- Eén iconenstijl, of helemaal geen iconen

Stem de letters af op je langste label, niet je kortste. Past Community op een bepaalde grootte, zet dan elk ander label ook op die grootte, ook al zou Over mij groter kunnen. Gelijke groottes maken dat de rij weloverwogen aanvoelt.

## Tekstgrootte op een Twitch-paneel

Op de pagina wordt een paneel van 640×320 teruggebracht tot 320×160, dus elke letter krimpt tot de helft. Als vuistregel zet je labels met hoofdletters minstens 60 pixels hoog in het ontwerp van 640 pixels, wat op het scherm rond 30 pixels uitkomt. Laat ongeveer 40 pixels vrij aan elke rand, zodat geen label tegen de rand van het paneel gepropt voelt.

- Gebruik een vet of zwaar gewicht: dunne lijnen breken op als ze gehalveerd worden. [Vette lettertypes](https://gradiently.design/nl/guide/bold-fonts) heeft opties die op kleine formaten standhouden.
- Houd het bij een of twee woorden per paneel. Een zin in een afbeelding is een zin die niemand leest.
- Controleer het contrast over het hele label, niet alleen het midden. Verlopen veranderen achter de letters, wat [tekst op een verloop](https://gradiently.design/nl/guide/text-on-gradient) uitlegt.
- Vermijd contouren en slagschaduwen om zwak contrast te redden. Kies in plaats daarvan een rustiger deel van de achtergrond.

Verklein het ontwerp voor je uploadt op je eigen scherm tot 320 pixels breed en bekijk het van armlengte. Kost een label moeite om te lezen, dan is het te klein of te laag in contrast.

## Laat de panelen passen bij de rest van het kanaal

Panelen werken het best als ze eruitzien alsof ze bij je overlay, je offline-scherm en je profielbanner horen. Gebruik overal dezelfde achtergrond en letters, wat [Twitch-streamerbranding](https://gradiently.design/nl/guide/twitch-streamer-branding) volledig behandelt, en zie [Twitch offline-schermen](https://gradiently.design/nl/guide/twitch-offline-screen) en [streamachtergronden](https://gradiently.design/nl/guide/stream-overlay-background) voor de grotere stukken.

1. **Kies één achtergrond** Kies de kleur of het materiaal dat over overlay, banner, offline-scherm en panelen loopt.
2. **Ontwerp één hoofdpaneel** Zet het langste label op 640×320, bepaal grootte, positie en marges, en stop daar.
3. **Dupliceer het voor elk label** Verander alleen het woord. Weersta de neiging per paneel iets anders aan te passen.
4. **Exporteer als png** Png houdt vlakke kleur en letters schoon, waar een gecomprimeerde jpg de randen van letters kan doen vervagen.
5. **Voeg panelen toe op volgorde van belang** Zet Edit Panels aan onder je stream, upload elke afbeelding, stel de link in en schrijf de beschrijving. Over mij en Schema komen eerst.

Stap drie is waar met de hand gemaakte sets uit elkaar lopen. In Gradiently Pro kun je de labels in een spreadsheet zetten en met bulk aanmaken elk paneel vanaf één pagina in één keer maken, zodat niets tussen hen verschuift, en dezelfde Mark loopt door in je offline-scherm en banner op hun eigen formaten. Dezelfde methode werkt voor elke reeks, zoals de [gids voor batch aanmaken](https://gradiently.design/nl/guide/batch-create-social-media-content) laat zien.

## FAQ

### Welk formaat hebben Twitch-panelen?

Ontwerp ze op 640×320 pixels. Twitch toont panelen 320 pixels breed, dus dit geeft je een scherp beeld op dubbele resolutie.

### Kunnen Twitch-panelen hoger zijn dan 320 pixels?

Ja, Twitch accepteert hogere paneelafbeeldingen, maar een consistente 2:1-hoogte houdt een rij panelen netjes. Zet lange informatie in de beschrijving in plaats van een hoge afbeelding.

### Waar verschijnen Twitch-panelen?

In het About-gedeelte van je kanaal, onder de videospeler. Zet daar Edit Panels aan om ze toe te voegen, te herordenen of te verwijderen.

### Moet ik mijn schema in de paneelafbeelding zetten?

Zet het woord Schema in de afbeelding en de dagen en tijden in de beschrijving. Tekst in de beschrijving is makkelijk bij te werken en op elk scherm leesbaar.

### Hoeveel Twitch-panelen moet ik hebben?

Vier tot acht dekken de meeste kanalen: Over mij, Schema, Regels, Discord, Socials en misschien Setup of Steun.