Twitch demande trois tailles pour chaque emote : 112 × 112, 56 × 56 et 28 × 28 pixels. Seulement la difficulté c'est d'en faire une qui reste lisible à 28 pixels, la taille à laquelle elle apparaît dans ton chat.
Les trois tailles demandées par Twitch
Twitch propose deux façons de téléverser une emote, et le choix compte plus qu'il n'en a l'air.
Il y a le mode automatique, où tu envoies une seule image carrée et Twitch fait lui-même la conversion. C'est rapide, mais le redimensionnement est fait par un algorithme qui ne sait pas quels détails méritent d'être sacrifiés.
Et il y a le mode manuel, où tu fournis toi-même les trois versions. C'est ce que je recommande, parce que c'est le seul moyen de décider ce qui reste visible quand l'emote devient minuscule.
Pour t'expliquer pourquoi il y a trois formats :
112 × 112 px Sélecteur d'emotes, infobulle au survol
56 × 56 px Affichages intermédiaires, certains contextes mobiles
28 × 28 px Le chat en direct
Les trois formats doivent être des PNG, de préférence avec un fond transparent (si ton emote prend tout le carré c'est OK), carrés et ne pas faire plus de 1 Mo. Ensuite Twitch te propose de nommer ton emote avec 20 caractères maximum.
En mode automatique, tu peux envoyer une image jusqu'à 4096 × 4096 tant que le fichier ne dépasse pas 1 Mo. Twitch se charge du reste.
Pourquoi la 28 px décide de tout
La plupart des gens dessinent leur emote en grand, la trouvent magnifique, puis la réduisent et découvrent une tache floue indéchiffrable.
C'est normal parce que 28 pixels sur 28 pixels, c'est à peu près la taille d'un caractère de texte. Tu n'as en réalité que quelques pixels pour montrer ton dessin. Et c'est cette taille-là que tes viewers verront. Pas la 112, qui n'apparaît que dans le sélecteur quand on va chercher l'emote. Dans le chat c'est la 28 qui défile.
Le réflexe à prendre est d'ouvrir une fenêtre d'aperçu à 28 px pendant que tu dessines pour te rendre réellement compte de ce que ça donne. Si tu attends le rendu final, tu seras probablement déçu du résultat et tu reviendras en arrière pour essayer d'arranger les choses.
Dessiner une emote qui reste lisible
Une emote c'est pas une illustration miniature. C'est un pictogramme, sa signification doit être reconnue en un quart de seconde, comme les icônes dans tes fichiers d'ordinateur.
Pour commencer, il faut définir une seule idée claire et forte pour ton emote. Tu n'as pas un grand espace disponible, donc on évite les décors et les détails superflus. Tu choisis une idée unique et lisible à mettre en avant.
Choisis une palette de couleurs et pousse le contraste dans celle-ci. Ça pourra te paraître un peu saturé en dessinant mais c'est ce qui fera la différence en format 28 pixels. Les tons proches les uns des autres fusionnent en petit.
N'hésite pas à faire des contours épais. Un trait fin disparaît au redimensionnement. Un contour marqué fait ressortir l'emote sur n'importe quel fond. Tes viewers regardent Twitch en thème sombre ou en thème clair donc une emote bien contrastée sera visible sur les deux.
Aie le réflexe de supprimer au lieu d'ajouter. Quand l'emote est illisible, le réflexe est d'ajouter du détail. C'est l'inverse qu'il faut faire. Enlève les éléments secondaires jusqu'à ce que l'essentiel ressorte.
Quand tu utilises un emoji qui pleure par message, en général, tu ne pleures pas pour de vrai. Là c'est la même chose, exagère l'expression ! Des yeux énormes, une bouche franche, des sourcils marqués. Même si ton dessin ressemble à une caricature, il deviendra simplement lisible en petit.
Dernier point, après avoir redimensionné ton dessin, observe-le, ouvre-le et retouche-le si besoin. Réépaissis un trait, resserre un détail, contraste un peu plus tes couleurs et parfois carrément simplifie ta forme.
Les emotes animées
Les emotes animées suivent les mêmes trois tailles, mais ont quelques limites supplémentaires. Le format doit être un GIF carré de 60 images maximum. En mode manuel, chaque fichier ne doit pas dépasser 512 Ko, soit deux fois moins que pour une emote statique.
Cette limite de poids peut représenter une vraie difficulté. Un GIF de 60 images en 112 px dépasse vite 512 Ko dès qu'il y a des dégradés ou beaucoup de couleurs. Mais j'ai des solutions pour réduire le nombre d'images et limiter la palette de couleurs.
Ne fais pas d'animation longue. Une animation courte qui boucle sera beaucoup plus efficace. Six à douze images bien bouclées auront un meilleur effet que soixante images compressées à mort.
L'accès aux emotes animées dépend de ton statut sur Twitch. Vérifie dans ton tableau de bord créateur ce qui est disponible avant de passer des heures à en fabriquer.
Petite astuce supplémentaire : Ezgif.com. C'est un site qui te permet de modifier et d'optimiser ton GIF de plein de façons différentes. Tu peux supprimer des frames, limiter la palette de couleurs (ce qui réduit le poids), optimiser automatiquement et bien plus. La barrière des 512 Ko est parfois difficile à passer, ce site te permettra d'y parvenir plus simplement.
Combien d'emotes peux-tu activer ?
Tu n'as pas un nombre fixe d'emplacements, il augmente avec le nombre d'abonnés actifs de ta chaîne. Chaque palier franchi en débloque de nouveaux et tu les gardes même si ce nombre redescend.
Ton tableau de bord créateur affiche deux compteurs distincts : les emotes statiques et les emotes animées.
Tu peux aussi débloquer des emotes par palier de bits, qui forment un troisième lot indépendant des abonnements.
Le tableau de bord montre aussi ton prochain palier en t'indiquant combien d'abonnés actifs il te manque et ce que tu débloqueras en l'atteignant. En général, ça débloque un emplacement statique et un animé.
Et depuis peu, il y a un emplacement spécial nommé emote piñata, encore en bêta. La piñata est un nouvel événement communautaire. Tes viewers s'abonnent, offrent un sub ou envoient des Cheers pour la casser, et l'emote que tu y associes s'active sur toute la chaîne pendant 24 heures. Si tu laisses l'emplacement vide, Twitch met la sienne par défaut alors n'oublie pas d'en prévoir une ! Je te partage le lien officiel de Twitch si tu veux en savoir plus : emote piñata.
Ce qu'il faut en retenir c'est que tu n'auras pas besoin de vingt emotes tout de suite. Commence par cinq expressions qui couvrent les vrais moments d'un live plutôt que par une grande collection dont tu ne pourras activer qu'une partie.
Les erreurs qui font refuser une emote
Certaines sont techniques et faciles à corriger. D'autres sont des règles de contenu et elles sont non négociables.
Pour la partie technique il faut toujours vérifier que ton image soit bien carrée en format PNG. Bien faire attention au poids et vérifier que le nom de ton emote soit disponible mais aussi sans espace.
Ensuite Twitch a instauré des règles. Pour résumer, ton emote ne doit pas être sexuellement explicite ou suggestive. Elle ne doit pas représenter de la violence graphique, ni comporter de symboles et de références haineuses. Et il ne faut pas oublier les droits d'auteur ! Les logos et personnages de marques peuvent être retirés par la plateforme. Certaines marques sont plus laxistes que d'autres, mais ça peut arriver qu'on l’enlève.
Là où il faut faire attention c'est si tu prévois de monétiser ta chaîne avec des partenaires. Ça peut poser des problèmes, donc si tu ne veux prendre aucun risque crée ou achète des emotes complètement originales.
Les faire soi-même, ou pas
Si tu dessines, tu peux faire tes propres emotes. Personne ne connaît mieux ton univers que toi. Et puis même si ton emote est un peu maladroite, elle sera surtout sincère, et ça vaut mieux qu'une emote générique.
Si tu ne dessines pas, deux chemins s'offrent à toi. Les packs prêts à l'emploi, qui te donnent un ensemble assorti tout de suite, livré aux trois formats, sans rien à redimensionner. Ou la commande sur-mesure, qui te permettra d'avoir des emotes uniques spécialement créées pour toi et qui feront ressortir ton univers et ta personnalité.
Dans les deux cas, pose-toi la question des droits avant d'acheter et fuis les emotes générées par IA ! Ce n'est pas éthique par rapport au travail des artistes et elles sont repérées au premier coup d'œil ! Elles se ressemblent toutes et tu risques de te mettre à dos une partie de ton audience car une grosse majorité de personnes est anti-IA générative.
Personnellement, je dessine mes emotes à la main, sans IA, et elles sont livrées aux 3 formats demandés par Twitch avec le fichier original. Tu peux voir les packs disponibles ou télécharger un pack gratuit pour tester avant de t'engager.
Les spécifications techniques citées ici correspondent aux règles Twitch en vigueur à la date de publication. Twitch fait évoluer ses formats : en cas de doute, la référence reste le guide officiel des emotes d'abonnés et le guide des emotes animées.
