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

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

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.

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.

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

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.

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 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é.
• É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, et voyez écrans hors ligne Twitch et fonds de stream pour les éléments plus grands.

1. 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. 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. 3

   Dupliquez-le pour chaque intitulé

   Ne changez que le mot. Résistez à l’envie de retoucher autre chose panneau par panneau.

4. 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. 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.