# Taille des panneaux Twitch : 640×320, un ensemble assorti

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

Les panneaux sont la rangée de tuiles sous votre stream qui dit aux nouveaux spectateurs qui vous êtes. Conçus en ensemble, ils montrent une chaîne qui a un plan. Faits un par un, ils ressemblent à un panneau d’affichage.

## The short version

- Concevez les panneaux Twitch en 640×320 pixels, un cadre 2:1 que Twitch affiche à 320 pixels de large.
- Concevoir au double de la largeur d’affichage garde le texte des panneaux net sur les écrans de téléphone et d’ordinateur haute densité.
- Les panneaux Twitch se trouvent dans la section À propos sous le lecteur vidéo, et chacun peut porter une image, un lien et une description écrite.
- Un ensemble de panneaux se lit comme un seul design quand chaque panneau partage le même fond, la même police, la même position d’intitulé et les mêmes marges.
- Gardez les intitulés de panneaux à un ou deux mots, car l’image a à peu près la taille d’une miniature une fois sur la page.

La **taille de panneau Twitch** à utiliser est de 640×320 pixels, un cadre 2:1. Twitch affiche les panneaux à 320 pixels de large dans la section À propos sous votre stream : un design de 640 pixels est donc rendu au double de la résolution et reste net sur les écrans fins. Traitez chaque panneau comme un intitulé, un ou deux mots comme À propos ou Planning, et mettez le détail dans le texte de description du panneau, que Twitch affiche en dessous et qui reste lisible à toute taille.

## Dimensions des panneaux Twitch

| Élément | Valeur |
| --- | --- |
| Taille de conception | 640×320 px |
| Affiché sur la chaîne à | 320 px de large |
| Rapport d’aspect | 2:1 |
| Type de fichier | PNG pour le texte et les aplats, JPG pour les photos |
| Chaque panneau peut contenir | Un titre, une image, un lien et une description |

Twitch réduit les images de panneaux à la largeur de la colonne. Des panneaux plus hauts sont permis, mais une hauteur 2:1 constante rend une rangée de panneaux ordonnée.

Les panneaux partagent votre chaîne avec deux visuels plus grands : la bannière de profil en haut et l’écran hors ligne dans le lecteur. Côte à côte, le panneau est minuscule. Ce seul fait détermine la plupart des choix de design ci-dessous.

- Panneau 640×320: 640 × 320
- Bannière de profil 1200×480: 1200 × 480
- Écran hors ligne 1920×1080: 1920 × 1080

Les trois éléments de l’habillage de chaîne Twitch à leur taille de conception, dessinés à l’échelle. Le panneau n’est qu’une fraction de l’écran hors ligne : il ne peut porter qu’un mot ou deux.

## Planifiez l’ensemble avant d’en concevoir un

La plupart des chaînes ont besoin de quatre à huit panneaux. Écrivez d’abord la liste, puis concevez-les tous en une seule séance pour qu’ils partagent chaque décision. Un spectateur qui descend la page doit voir une rangée de tuiles assorties, comme un bon menu emploie la même police pour chaque titre.

| Panneau | Intitulé de l’image | Contenu de la description |
| --- | --- | --- |
| À propos | À propos | Qui vous êtes, ce que vous streamez, en trois phrases |
| Planning | Planning | Jours et heures de début avec votre fuseau horaire |
| Règles | Règles du chat | Quatre ou cinq règles courtes |
| Communauté | Discord | Une ligne sur ce qui s’y passe, avec le lien d’invitation sur l’image |
| Réseaux | Réseaux | Où vont les clips et les annonces |
| Matériel | Matériel | Caméra, micro, réglages de jeu |
| Soutien | Soutien | Comment s’abonner ou faire un don, sans pression |

Un ensemble de panneaux type. L’image porte l’intitulé ; la description porte le détail, car le texte de description se met à jour en quelques secondes et se lit avec un lecteur d’écran et dans la recherche.

Garder le détail hors de l’image a un second avantage : quand votre planning change, vous modifiez une ligne de texte au lieu de refaire une image. Utilisez le champ de lien du panneau pour tout ce qui est cliquable, comme votre invitation Discord : toute l’image devient alors le bouton.

## Comment rendre vos panneaux Twitch cohérents

Panneau Twitch de 640 par 320 avec le seul mot « À propos » centré sur un fond dégradé

Le panneau À propos : un mot, centré, sur le fond de la chaîne.

Panneau Twitch assorti de 640 par 320 avec le mot « Planning » au même endroit et dans le même style

Le panneau Planning : même fond, même police, même position. Seul le mot change.

La cohérence vient de quatre choses fixes et d’une seule qui change. Fixez le fond, la police, la position de l’intitulé et les marges ; ne changez que le mot. Pour de la variété, déplacez d’un panneau à l’autre l’endroit où tombe la lumière dans le fond, mais gardez des couleurs d’une même famille pour que la rangée se lise toujours comme un ensemble.

### Ressemble à un panneau d’affichage

- Une couleur différente pour chaque panneau
- Des intitulés alignés à gauche sur l’un, centrés sur le suivant
- Une taille de police qui varie selon la longueur du mot
- Des horaires de planning écrits dans l’image
- Des icônes de trois jeux différents

### Ressemble à un ensemble

- Une famille de fonds pour tous les panneaux
- L’intitulé à la même position à chaque fois
- Une seule taille de police, choisie pour l’intitulé le plus long
- Les horaires dans la description, faciles à mettre à jour
- Un seul style d’icônes, ou aucune icône

Dimensionnez le texte pour votre intitulé le plus long, pas le plus court. Si Communauté tient à une taille donnée, composez tous les autres intitulés à cette taille, même si À propos pourrait être plus grand. Des tailles identiques donnent à la rangée un air voulu.

## Taille du texte sur un panneau Twitch

Sur la page, un panneau de 640×320 devient 320×160 : chaque lettre rétrécit de moitié. Règle pratique : composez les intitulés avec des capitales d’au moins 60 pixels de haut dans le design de 640 pixels, soit environ 30 pixels à l’écran. Laissez environ 40 pixels de marge sur chaque bord, pour qu’aucun intitulé ne paraisse collé au bord du panneau.

- Utilisez une graisse forte ou très forte : les traits fins se délitent une fois réduits de moitié. [Polices grasses](https://gradiently.design/fr/guide/bold-fonts) propose des choix qui tiennent en petite taille.
- Limitez-vous à un ou deux mots par panneau. Une phrase dans une image est une phrase que personne ne lit.
- Vérifiez le contraste sur tout l’intitulé, pas seulement en son milieu. Les dégradés changent derrière les lettres, ce qu’explique [texte sur un dégradé](https://gradiently.design/fr/guide/text-on-gradient).
- Évitez les contours et les ombres portées pour sauver un contraste faible. Choisissez plutôt une partie plus calme du fond.

Avant d’importer, réduisez le design à 320 pixels de large sur votre propre écran et regardez-le à bout de bras. Si un intitulé demande un effort de lecture, il est trop petit ou trop peu contrasté.

## Accordez les panneaux au reste de la chaîne

Les panneaux fonctionnent mieux quand ils semblent appartenir à votre overlay, à votre écran hors ligne et à votre bannière de profil. Utilisez le même fond et la même police partout, ce que traite en détail [identité de streamer Twitch](https://gradiently.design/fr/guide/twitch-streamer-branding), et voyez [écrans hors ligne Twitch](https://gradiently.design/fr/guide/twitch-offline-screen) et [fonds de stream](https://gradiently.design/fr/guide/stream-overlay-background) pour les éléments plus grands.

1. **Choisissez un seul fond** Choisissez la couleur ou la matière qui courra sur l’overlay, la bannière, l’écran hors ligne et les panneaux.
2. **Concevez un panneau maître** Composez l’intitulé le plus long en 640×320, décidez de sa taille, de sa position et de ses marges, et arrêtez-vous là.
3. **Dupliquez-le pour chaque intitulé** Ne changez que le mot. Résistez à l’envie de retoucher autre chose panneau par panneau.
4. **Exportez en PNG** Le PNG garde propres les aplats et le lettrage, là où un JPG compressé peut flouter les bords des lettres.
5. **Ajoutez les panneaux par ordre d’importance** Activez Modifier les panneaux sous votre stream, importez chaque image, réglez son lien et rédigez sa description. À propos et Planning passent en premier.

La troisième étape est celle où les ensembles faits main dérivent. Dans Gradiently Pro, vous pouvez mettre les intitulés dans un tableur et utiliser la création en lot pour produire tous les panneaux d’une seule page en une passe, sans que rien ne bouge entre eux, et le même Mark se prolonge sur votre écran hors ligne et votre bannière à leurs tailles propres. La même méthode vaut pour toute série, comme le montre le [guide de création en lot](https://gradiently.design/fr/guide/batch-create-social-media-content).

## FAQ

### Quelle est la taille des panneaux Twitch ?

Concevez-les en 640×320 pixels. Twitch affiche les panneaux à 320 pixels de large : vous obtenez donc une image nette au double de la résolution.

### Les panneaux Twitch peuvent-ils dépasser 320 pixels de haut ?

Oui, Twitch accepte des images de panneaux plus hautes, mais une hauteur 2:1 constante garde une rangée de panneaux soignée. Mettez les longues informations dans la description plutôt que dans une image haute.

### Où apparaissent les panneaux Twitch ?

Dans la section À propos de votre chaîne, sous le lecteur vidéo. Activez-y Modifier les panneaux pour les ajouter, les réorganiser ou les retirer.

### Dois-je mettre mon planning dans l’image du panneau ?

Mettez le mot Planning dans l’image et les jours et heures dans la description. Le texte de la description est facile à mettre à jour et lisible sur tous les écrans.

### Combien de panneaux Twitch faut-il avoir ?

De quatre à huit couvrent la plupart des chaînes : À propos, Planning, Règles, Discord, Réseaux et peut-être Matériel ou Soutien.