Si votre émote paraît nette à 112 px mais devient confuse à 28 px, ouvrez d’abord le petit PNG à taille réelle. Vérifiez si le visage, le geste ou le symbole principal reste compréhensible sans agrandissement, puis changez de fond. Ce contrôle permet de choisir entre simplifier le dessin, améliorer son contraste ou examiner une différence d’affichage.
Commencez par le fichier de 28 px à taille réelle
Une grande prévisualisation montre les qualités de l’illustration, mais ne prouve pas que sa réaction reste identifiable en petit. Vérifiez les propriétés du fichier : il doit mesurer 28 × 28 pixels. Ouvrez-le dans une visionneuse à 100 %, sans ajustement automatique à la fenêtre. Dans un navigateur, contrôlez aussi le zoom de la page.
La densité de l’écran et l’échelle du système modifient la taille physique perçue. Évitez un agrandissement qui facilite artificiellement la lecture, sans chercher une mesure exacte en millimètres.
| Ce que vous constatez | Comparaison utile | Action à envisager |
|---|---|---|
| Le geste n’apparaît qu’en agrandissant | PNG de 112 px et de 28 px | Simplifier l’information essentielle dans l’original |
| La silhouette se perd sur fond sombre | Même PNG sur les deux fonds | Revoir le contraste du corps et de ses limites |
| Un carré blanc entoure le dessin | Transparence dans les angles | Chercher un fond opaque dans le fichier |
| Le PNG local est lisible, mais un affichage diffère | Fichier, appareil, application et zoom | Documenter la différence avant de retoucher |
Les consignes officielles de Twitch, en anglais, demandent aussi une vérification à 100 %, avec des lignes nettes et des mots lisibles. Des dimensions correctes ne suffisent donc pas à évaluer le dessin.
Comprenez ce qui disparaît entre 112 et 28 px
Passer de 112 à 28 px divise chaque côté par quatre et la surface disponible en pixels par seize. Un trait large de 2 px dans la version de 112 px représente environ un demi-pixel dans celle de 28 px. Il risque de se fondre dans les couleurs voisines ou de disparaître.
Ce calcul explique un risque, sans définir une épaisseur idéale pour tous les dessins. La couleur, l’espacement et le rôle du détail comptent aussi. Une paupière peut rejoindre un sourcil ; quelques doigts peuvent devenir une tache ; un petit mot peut perdre toute signification.
Choisissez l’information qui doit rester : une bouche ouverte, un grand cœur ou un regard derrière un bord. Donnez-lui suffisamment de place dans l’original. Si l’expression repose sur trop de petits éléments, simplifiez ou redessinez dans un éditeur externe, puis contrôlez de nouveau l’export. Accentuer la netteté ne recrée ni une expression absente ni une main coupée.
Examinez également les zones blanches. Un contour blanc volontaire peut détacher la silhouette du fond sombre. Il est différent d’un fond blanc opaque ou d’un halo indésirable autour du dessin. Testez-le sur fond clair aussi : l’effet de séparation peut y être bien moins visible.
Examinez un exemple existant sans confondre zoom et lisibilité
Nous avons retraité localement un exemple déjà présent sur le site pour cette comparaison. Aucun nouveau travail de génération par IA ni envoi à Twitch n’a été effectué. Les PNG obtenus permettent d’observer les mêmes formes à 112, 56 et 28 px.
Exemple existant du site retraité localement. La comparaison présente les PNG de 112, 56 et 28 px sur fonds clairs et sombres. Ce n’est ni une nouvelle génération par IA, ni une capture de Twitch, ni un résultat de modération.
Lors de notre examen éditorial, le cœur rouge et l’œil rouge de Love restent visibles à 28 px, tandis que les petits détails du corps et des mains deviennent moins distincts. Pour Lurk, l’œil rouge et le bord vertical restent présents, mais la petite main qui s’y accroche se détache moins facilement. Le corps sombre manque aussi de contraste sur le fond sombre.
Ces constats ne prouvent pas que tous les spectateurs reconnaîtront l’émotion. Ouvrez Love à 28 px et Lurk à 28 px à 100 %. L’illustration s’adapte à la page : elle ne garantit pas l’affichage de chaque émote à sa taille native.
Utilisez le générateur avec des attentes précises
Le générateur d’émotes PhotoToSticker, en anglais (Anglais), crée un ensemble par IA à partir d’une image autorisée en JPG, PNG ou WebP de 15 Mo maximum. Il faut se connecter et disposer de l’accès ou du solde nécessaire. L’image est envoyée lorsque vous demandez explicitement la génération.
Les huit réactions sont fixes : Hype, LOL, Love, Rage, Shock, Sad, GG et Lurk. Chaque ensemble terminé fournit des PNG statiques transparents de 112 × 112, 56 × 56 et 28 × 28 px : 24 fichiers et un README. Dans le ZIP, vous trouverez emotes/112x112/love.png, avec les versions correspondantes dans les dossiers de 56 et 28 px.
La page de résultats permet de comparer les trois tailles réelles sur des surfaces claires et sombres. Elle ne propose pas de réglages manuels de recadrage, contour, netteté ou texte, ni de sélection des réactions. Pour revoir une composition, préparez la référence dans un autre éditeur ou choisissez une image plus claire. Une nouvelle génération ne garantit pas une correction particulière.
Si votre illustration est déjà terminée et doit seulement changer de dimensions, traitez ce besoin séparément : ce produit n’est pas un outil de redimensionnement local. Il ne crée pas non plus de GIF, d’animations ou de badges, et n’envoie pas automatiquement vos émotes à Twitch pour approbation.
Faites un dernier contrôle avant l’envoi
Conservez l’original modifiable et vérifiez les PNG exportés. Retrouvez les formats et dimensions dans le guide des tailles de stickers et d’émotes.
| Point à vérifier | Question concrète |
|---|---|
| Réaction à 28 px | Le signe principal reste-t-il visible sans zoom ? |
| Séparation des formes | Les yeux, la bouche et les mains se distinguent-ils ? |
| Fonds clair et sombre | Une partie importante disparaît-elle ? |
| Transparence | Les angles sont-ils dépourvus de fond opaque ? |
| Fichiers finaux | Ai-je ouvert les PNG exportés aux trois dimensions ? |
Si un contrôle échoue, nommez l’élément concerné : « la main se confond avec le visage » permet une correction précise. Après modification, recommencez par la version de 28 px.
Questions fréquentes
Pourquoi l’émote est-elle nette à 112 px et confuse à 28 px ?
La petite version dispose de beaucoup moins de pixels pour transmettre la même réaction. Des traits voisins peuvent fusionner et des détails perdre leur rôle. Préservez d’abord le geste essentiel, puis vérifiez-le sans agrandissement.
Une accentuation de la netteté suffit-elle ?
Elle peut modifier l’aspect des contours, mais ne restitue pas une information disparue. Si l’émotion dépend de lettres minuscules ou de doigts presque invisibles, revoir la composition d’origine est souvent plus utile que multiplier les filtres.
Faut-il obligatoirement un contour blanc ?
Ne présentez pas une épaisseur précise comme une règle de Twitch. Vérifiez si le contour détache le dessin sans occuper trop de place. Distinguez-le d’un rectangle blanc opaque et contrôlez le résultat dans les deux thèmes.
Que faire si le problème n’apparaît que dans une application Twitch ?
Comparez d’abord le PNG local à 100 %. S’il est lisible, notez l’appareil, l’application ou le navigateur, le thème et le zoom de l’affichage différent. Consultez ensuite l’aide actuelle de Twitch avec ce contexte. Un cas isolé ne démontre ni un défaut général de la plateforme ni la nécessité de refaire tout le dessin.
