Aller au contenu principal
ToolsByUs

Créer des badges de bits Twitch

Les badges Bits Twitch utilisent les mêmes trois tailles carrées que les badges d’abonné — 72, 36 et 18 pixels, chacun sous 25 Ko. Recadrez une fois, exportez les trois comme un ZIP et répétez par niveau de cheer. Chaque fichier est mesuré par rapport à la limite avant téléchargement.

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

Créer des badges de bits Twitch en clair

Les badges Bits marquent combien un spectateur a cheer dans votre chaîne, et ils viennent en ensemble : un artwork distinct pour chaque jalon du cheer, à partir des premiers cent bits. Chaque pièce de cet ensemble a besoin des mêmes trois exports carrés — 72, 36 et 18 pixels — et chaque fichier doit rester sous 25 Ko.

L’ensemble est ce qui rend cela fastidieux à faire manuellement. Neuf niveaux fois trois tailles font vingt-sept exports, chacun nécessitant une vérification de taille, et le faire dans un éditeur d’images général prend une après-midi. Un recadrage par niveau ici produit un ZIP nommé de trois fichiers, ce qui transforme l’après-midi en quelques minutes.

Le problème de design est le même que pour les badges d’abonné et légèrement plus difficile : les niveaux de bits sont généralement distingués par la couleur, et des couleurs qui sont distinctes à 72 pixels peuvent converger à 18 pixels sur un fond de chat sombre. La page exporte la plus petite taille pour que vous puissiez vérifier avant de valider l’ensemble.

Les badges d’abonné utilisent la même géométrie, donc la page des badges d’abonné couvre cette moitié du travail.

Pour tout ce que la plateforme ne dicte pas, le reste des outils d’image gère les tailles de votre choix.

Un ensemble de badges Bits, niveau par niveau

Twitch définit les jalons du cheer et s’attend à un artwork pour chacun que vous choisissez de personnaliser. Les niveaux exacts disponibles dépendent de votre statut d’affilié ou de partenaire ; la géométrie ne change pas entre eux.

ÉlémentExigenceNote
Tailles par niveau72, 36 et 18 pxToutes carrées, toutes requises
Taille du fichierSous 25 Ko chacunContrôlée à l’envoi
FormatPNGArrière-plan transparent attendu
NiveauxUn ensemble d’images par jalon du cheerPersonnalisez autant que vous voulez

Distinguer les niveaux à dix-huit pixels

L’approche conventionnelle est un dégradé de couleur : gris, violet, vert, bleu, rouge, et ainsi de suite vers le haut. Cela fonctionne à 72 pixels et peut échouer à 18, où un violet saturé et un bleu saturé à côté du texte blanc sur un fond sombre sont vraiment difficiles à distinguer dans le champ visuel périphérique.

Deux choses aident. Variez la luminosité ainsi que la teinte, de sorte que les niveaux diffèrent en contraste par rapport à l’arrière-plan du chat plutôt qu’en couleur seulement. Et changez légèrement la silhouette aux niveaux supérieurs — une couronne, un point supplémentaire, un contour différent — pour que la forme porte une partie de la distinction que la couleur seule ne peut pas.

  • Variez la luminosité sur le dégradé, pas seulement la teinte.
  • Donnez aux niveaux supérieurs une forme de contour distinctive ainsi qu’une couleur.
  • Vérifiez les exports de 18 pixels côte à côte avant d’envoyer l’ensemble.
  • Testez sur un fond sombre ; le chat est sombre pour la plupart des spectateurs.

Pourquoi la limite d’octets rarement un problème ici

L’artwork des badges Bits est par nature plat et simple, et un artwork plat de 72 pixels carrés fait quelques kilo-octets en PNG — loin du plafond de 25 Ko. La limite devient un problème seulement quand un niveau est fourni comme un gemme rendu ou une texture photographique, et ces niveaux sont rarement lisibles à 18 pixels de toute façon.

Quand un fichier dépasse la limite, la page le signale et la solution est soit de simplifier, soit d’exporter en WebP où la recherche de qualité peut trouver un bon compromis. Le PNG n’a pas de molette de qualité à ajuster, c’est exactement pourquoi la mesure est rapportée plutôt que ignorée silencieusement.

Travailler efficacement sur un ensemble

Déposez le premier niveau, réglez le recadrage, exportez, puis déposez le fichier suivant — les paramètres de recadrage restent tels que vous les laissés, donc un ensemble dessiné sur une toile cohérente n’a besoin que d’un cadrage décidé une fois. Chaque ZIP est nommé d’après le badge plutôt que le niveau, donc renommez au fur et à mesure si vous exportez plusieurs en une seule session.

Questions fréquentes

Quelles sont les tailles des badges Bits Twitch ?

72 par 72, 36 par 36 et 18 par 18 pixels, le même trio que les badges d’abonné, avec le même plafond de 25 Ko par fichier. Un ensemble complet de cheer a besoin de ce trio pour chaque niveau de jalon que vous choisissez de personnaliser.

Combien de niveaux de badge Bits dois-je créer ?

Seulement ceux que vous voulez personnaliser. Twitch fournit un artwork par défaut pour chaque jalon du cheer, et une chaîne peut remplacer aussi peu ou autant qu’elle le souhaite. La plupart des chaînes commencent par les niveaux inférieurs, ceux que les spectateurs atteignent réellement.

Pourquoi mes niveaux de cheer ont l’air identiques dans le chat ?

Parce qu’un dégradé basé sur la teinte perd sa séparation à 18 pixels sur un fond sombre. Variez la luminosité dans l’ensemble ainsi que la couleur, et donnez aux niveaux supérieurs une légèrement différente silhouette, pour que la forme et le contrassent portent la distinction que la teinte seule ne peut pas à cette taille.

Les badges Bits doivent-ils avoir un arrière-plan transparent ?

Oui. Ils s’affichent en ligne à côté d’un nom d’utilisateur sur un arrière-plan qui change entre les thèmes et les overlays, donc un rectangle solide derrière l’artwork est saillant. Exportez en PNG ou WebP et gardez le bord alpha propre — un halo doux apparaît comme une frange aux petites tailles.

Puis-je utiliser le même artwork pour les bits et les abonnés ?

Techniquement oui, puisque les tailles correspondent, mais cela annule le but : les deux types de badges disent des choses différentes aux spectateurs, et une chaîne où le cheer et l’abonnement se ressemblent perd le signal que les deux étaient censés envoyer. Réutilisez le style, pas la forme.

Cette page envoie-t-elle mon ensemble de badges quelque part ?

Non. Chaque recadrage, redimensionnement, encodage et ZIP se fait dans cet onglet de navigateur, sans serveur impliqué à aucun moment. Pour un ensemble commandé qui n’a pas encore été annoncé, cela est vérifiable plutôt que simplement affirmé — le panneau Réseau reste vide.

Équipe ToolsByUs · Comment nous vérifions nos outils