Aller au contenu principal
ToolsByUs

Écran hors ligne Twitch 1920×1080

Un écran hors ligne Twitch fait 1920 par 1080 pixels en 16:9 — l’image affichée dans le lecteur vidéo lorsque vous êtes en direct. Recadrez-le ici avec la bande masquée par les contrôles du lecteur, afin qu’un emploi du temps ou un identifiant social ne se retrouve pas caché.

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

Écran hors ligne Twitch 1920×1080 en clair

L’écran hors ligne, aussi appelé bannière du lecteur vidéo, est ce qu’un visiteur voit lorsqu’il ouvre votre chaîne et que vous ne diffusez pas. Il remplit le lecteur, il fait donc 1920 par 1080 pixels en 16:9 — la forme du flux lui-même, et non celle de la bannière de profil au-dessus.

C’est l’actif statique le plus précieux d’une chaîne, car un visiteur arrivant d’un clip ou d’une recommandation le regarde plusieurs secondes pour décider de s’abonner. C’est également la zone sur laquelle Twitch superpose son propre interface : la barre de contrôle du lecteur se situe en bas, et au survol une ligne de titre peut apparaître en haut.

Cette page recadre à 1920 par 1080 et indique la bande occupée par les contrôles, afin que l’emploi du temps, les réseaux sociaux et le « Retour à 19h » soient placés là où ils peuvent effectivement être lus. Tout s’effectue dans votre navigateur — sans envoi, aucun compte.

La bande derrière le nom de votre chaîne a une taille différente encore — le redimensionneur de bannière de profil elle couvre 1200 par 480.

Si vous avez besoin que l’export atteindre une taille de fichier spécifique le compresseur prend une cible en kilo-octets.

Ce que l’écran hors ligne doit faire

Contrairement à une bannière, cette image porte une information. Celles qui fonctionnent tendent à répondre à trois questions, pas plus.

  • Quand êtes-vous en direct la prochaine fois ? Un emploi du temps hebdomadaire est préférable à une date précise qui devient obsolète.
  • Où peut-on vous retrouver ailleurs ? Deux ou trois identifiants, pas un mur d’icônes.
  • De quoi parle cette chaîne ? Une seule ligne, assez grande pour être lue dans le lecteur à moitié taille.

Les régions couvertes par le lecteur

La barre de contrôle se situe en bas du lecteur. Sur une page de chaîne, le lecteur est souvent affiché bien en dessous de 1920 pixels de large, donc cette barre couvre proportionnellement la même bande — environ le huitième inférieur du cadre.

Le rectangle en pointillés marque la zone qui reste libre. Gardez tout le texte à l’intérieur et laissez la bande inférieure porter uniquement un fond.

RégionEnvironConsidérez-la comme
Bord supérieur8% supérieurOcculté au survol
CentreLes deux tiers centrauxSûr — placez le message ici
Bande inférieure12% inférieurContrôles du lecteur ; fond uniquement

Du texte qui reste lisible dans un petit lecteur

Une page de chaîne sur un ordinateur portable affiche le lecteur à environ la moitié de 1920 pixels, et sur téléphone bien moins. Un texte confortablement dimensionné dans un fichier de conception 1920 pixels peut être illisible là-bas.

La règle générale qui tient : rien de plus petit que 40 pixels environ de hauteur à 1920, ce qui représente environ 2% de la hauteur du cadre. Exportez le fichier, affichez-le à un quart de taille, et si vous ne pouvez pas lire une ligne, elle est trop petite.

Format et poids du fichier

JPEG convient à la plupart des écrans hors ligne — ils sont généralement illustratifs ou photographiques, et un PNG full-HD de la même image est plusieurs fois plus volumineux sans gain visible. Utilisez PNG lorsque le design est en couleurs plates avec une typographie nette, où les artefacts JPEG s’accumulent autour de chaque glyphe. Dans tous les cas, Twitch ré-encode pour la diffusion, donc fournissez-lui une source propre plutôt que quelque chose déjà compressé.

Questions fréquentes

Quelle est la taille d’un écran hors ligne Twitch ?

1920 par 1080 pixels, 16:9 — la même forme que le flux, car il est affiché à l’intérieur du lecteur vidéo. C’est une image différente de la bannière de profil 1200 par 480 qui se situe derrière le nom de votre chaîne au-dessus du lecteur.

Pourquoi la partie inférieure de mon écran hors ligne est-elle couverte ?

La barre de contrôle du lecteur est dessinée par-dessus, occupant environ le huitième inférieur du cadre. Tout ce qui est placé là — une ligne d’emploi du temps, une rangée d’identifiants — se cache sous les boutons. Le rectangle en pointillés sur l’aperçu marque la zone qui reste libre.

Que doit réellement indiquer un écran hors ligne ?

Quand vous serez en direct la prochaine fois, où on peut vous retrouver ailleurs, et de quoi parle la chaîne. Trois informations, chacune en assez gros caractères pour être lue à un quart de taille. Un écran qui n’est qu’une œuvre d’art a l’air bien mais ne dit à un nouveau visiteur rien sur s’il doit s’abonner.

Pourquoi mon texte est-il illisible sur la page de la chaîne ?

Parce que le lecteur est affiché beaucoup plus petit que 1920 pixels de large sur la plupart des écrans. Un texte dimensionné dans un fichier de conception full-HD peut être divisé par deux ou pire. Ne gardez rien de plus petit que 2% environ de la hauteur du cadre, puis vérifiez le fichier exporté à un quart de taille avant de l’envoyer.

Puis-je utiliser un écran hors ligne animé ?

La bannière du lecteur vidéo est une image fixe. Les chaînes qui semblent avoir du mouvement là-dessus exécutent généralement une boucle de flux à la place, ce qui est une fonctionnalité différente avec des exigences différentes. Cette page prépare l’image fixe, à la taille exacte attendue par le lecteur.

L’œuvre quitte-t-elle mon ordinateur lorsque j’exporte ?

Non. Le décodage, le recadrage, le redimensionnement et l’encodage sont effectués par votre navigateur sur cette page, et le site n’a aucun point de terminaison susceptible de recevoir un fichier. Le panneau Réseau reste vide tout au long de l’exportation, ce qui est un genre d’affirmation qui vaut la peine d’être vérifiée plutôt que d’être cru.

Équipe ToolsByUs · Comment nous vérifions nos outils