Aller au contenu principal
ToolsByUs

Bannière Twitch 1200×480

Une bannière de profil Twitch fait 1200 par 480 pixels, un format 5:2 en lettre boîte derrière l’en-tête de votre chaîne. Recadrez ici pour obtenir ce cadre exact avec le chevauchement de l’avatar et du nom de chaîne dessiné par-dessus, afin que la partie de l’œuvre qui doit être visible ne soit pas masquée par eux.

100 % local

Déposez un PNG, JPG, WebP ou GIF

ou n’importe où sur la page · Choisir un fichier · 100 Mo

Acceptés : PNG, JPG, JPEG, WebP, GIF, AVIF

Bannière Twitch 1200×480 en clair

La bannière de profil est la bande large derrière le nom et l’avatar d’une chaîne, et 1200 par 480 est la taille que Twitch attend. C’est un format 5:2 — le même ratio qu’une bannière de profil Discord mais une taille complètement différente, c’est pourquoi les fichiers sont réutilisés entre les deux et reviennent rognés.

Deux éléments empiètent sur la bannière. L’avatar et le nom de la chaîne se superposent à sa partie gauche, et la hauteur visible de la bande change avec la fenêtre du navigateur : sur une fenêtre étroite, la bannière est rognée verticalement plutôt que redimensionnée, donc le haut et le bas de votre œuvre sont les premières parties à être coupées.

Cette page affiche le cadre de 1200 par 480, indique la région couverte par l’en-tête et exporte le fichier exact. Aucun fichier n’est envoyé, ce qui est utile à savoir lorsque la bannière est une commande qui n’est pas encore en ligne.

L’image affichée dans le lecteur lorsque vous êtes absent a une forme complètement différente — le redimensionneur d’écran hors ligne contient 1920 par 1080.

Si la bannière exportée est plus lourde que vous ne le souhaiteriez, le compresseur la ramènera à la taille que vous indiquerez.

Les images de chaîne Twitch d’un coup d’œil

Trois images distinctes, trois formes distinctes. Les confondre est la raison la plus courante pour laquelle une chaîne semble inachevée.

ImageTailleRatioOù elle apparaît
Bannière de profil1200 × 4805:2Derrière le nom et l’avatar de la chaîne
Photo de profil256 × 2561:1Circulaire, à côté du nom de la chaîne
Bannière du lecteur vidéo1920 × 108016:9Dans le lecteur lorsque vous êtes hors ligne

Concevoir en tenant compte du chevauchement de l’en-tête

Le cercle de l’avatar et le nom de la chaîne occupent la partie gauche de la bannière, et les boutons Suivre et S’abonner se trouvent à leur droite. Ce qui reste fiablement visible est la zone supérieure et droite — c’est là qu’un logo, un horaire ou un slogan doivent être placés.

Le rectangle en pointillés sur l’aperçu marque cette région. Traitez tout ce qui se trouve à l’extérieur comme une texture : un dégradé, un motif, une photographie sans sujet dans le coin inférieur gauche. Une bannière qui dépend de son côté gauche semble cassée sur chaque écran affichant l’en-tête.

Pourquoi le haut et le bas disparaissent sur les fenêtres étroites

Twitch affiche la bannière pour remplir la largeur de l’en-tête. Lorsque la fenêtre se rétrécit, la bande reste aussi large que la fenêtre et est rognée verticalement plutôt que réduite, donc la bande visible effective est plus courte que 480 pixels sur les petites largeurs.

Gardez tout ce qui est important dans la partie verticale centrale du cadre. Un slogan placé à 40 pixels du bord supérieur disparaît sur une fenêtre d’ordinateur portable, et il n’y a aucun avertissement que cela s’est produit.

Format, poids et ce que fait Twitch après l’envoi

JPEG pour les bannières photographiques ou peintes — beaucoup plus petit que PNG pour la même qualité visible sur une bande de 1200 pixels. PNG pour les couleurs plates, les bords nets et le texte, où l’anneau de JPEG est visible autour de chaque lettre. Recode ce qu’il reçoit pour la livraison, donc une source propre et de haute qualité donne à son encodeur le meilleur matériel plutôt qu’une double perte.

Questions fréquentes

Quelle est la taille d’une bannière de profil Twitch ?

1200 par 480 pixels, en ratio 5:2. C’est la bannière derrière le nom et l’avatar de la chaîne. Elle n’est pas la même que la bannière du lecteur vidéo hors ligne, qui fait 1920 par 1080, ni que la photo de profil, qui est un carré de 256 pixels.

Pourquoi le haut de ma bannière Twitch est-il coupé ?

Parce que l’en-tête remplit la largeur de la fenêtre du navigateur et rogne verticalement plutôt que de réduire l’échelle. Sur une fenêtre étroite, la bande visible est plus courte que 480 pixels. Gardez les slogans et logos dans la partie verticale centrale plutôt que près du bord supérieur ou inférieur.

Qu’est-ce qui couvre le côté gauche de la bannière ?

L’avatar de la chaîne et le nom de la chaîne, avec les boutons Suivre et S’abonner à côté. Le rectangle en pointillés sur l’aperçu marque ce qui reste visible. Tout ce qui est placé sous l’en-tête n’est pas exactement caché — il est là, derrière du texte et un cercle, ce qui pire qu’un espace vide.

Devrais-je exporter une bannière plus grande que 1200 par 480 ?

Oui, à condition que le ratio reste de 5:2 — 2400 par 960 se réduit proprement et semble plus net sur un écran haute densité. Ce qui n’aide pas est un fichier plus grand avec une forme différente, ce qui donne simplement plus à rogner à Twitch aux mauvais endroits.

JPEG ou PNG pour une bannière Twitch ?

JPEG si l’œuvre est photographique ou peinte, où il est plusieurs fois plus petit sans différence visible à cette taille. PNG s’il a des couleurs plates, des bords nets ou du texte, où l’anneau de JPEG apparaît autour de chaque lettre. WebP fait les deux bien si vous n’avez pas à remettre le fichier à quelqu’un d’autre.

Ma bannière est-elle envoyée sur ce site pour être redimensionnée ?

Non. Le décodage, le recadrage, le redimensionnement et l’encodage s’exécutent tous dans cet onglet de navigateur et le fichier ne quitte jamais votre machine. Il n’y a pas de serveur ici pour le recevoir, ce que vous pouvez vérifier dans DevTools plutôt que de devoir faire confiance.

Équipe ToolsByUs · Comment nous vérifions nos outils