Comment éviter les changements de couleur lors de l’exportation d’une animation de personnage en pixel art au format GIF

Le format GIF stocke les couleurs des pixels dans des tables de couleurs pouvant contenir jusqu’à 256 entrées chacune. Il prend en charge une table globale et des tables locales associées à chaque image ; une animation n’est donc pas nécessairement limitée à 256 couleurs sur toute sa durée. Toutefois, chaque image encodée utilise une table active limitée. Ces règles proviennent de la spécification originale GIF89a.

Lorsque la source contient des couleurs que la palette d’exportation choisie ne peut pas représenter, l’exportateur doit les associer aux entrées disponibles. Aseprite indique notamment que les sprites RVB contenant trop de couleurs, les modes de fusion des calques, les zones floues et les lueurs peuvent entraîner des changements de couleur dans les GIF. Sa recommandation pratique consiste à utiliser moins de 256 couleurs dans les sprites RVB ou à travailler directement en mode Indexé. Consultez l’explication d’Aseprite sur les changements de couleur à l’exportation en GIF.

Une palette réduite dans votre panneau de couleurs ne prouve pas que le dessin n’utilise que ces couleurs. En mode RVB dans Aseprite, les pixels peuvent contenir des couleurs absentes de la palette affichée. Le mode Indexé limite la peinture aux entrées de la palette. Cette distinction est expliquée dans La barre de couleurs et les palettes.

Avant de modifier les paramètres d’exportation, enregistrez une copie distincte de votre animation pour l’exportation. Choisissez plusieurs couleurs de référence : la couleur principale du corps, le contour le plus sombre, une couleur de surbrillance et toute couleur d’accent qui n’apparaît que dans une image ultérieure.

Suivez la séquence de diagnostic ci-dessous. Ce sont des pistes de dépannage fondées sur le comportement documenté, et non des diagnostics définitifs basés uniquement sur l’apparence.

Ce que vous observez	Premier élément à vérifier	Comparaison utile
Une zone uniforme a une valeur RVB différente après l’exportation	Le choix de la palette et la réduction des couleurs	Prélevez un pixel intérieur opaque avant et après l’exportation
Les couleurs changent d’une pose à l’autre	Vérifiez si la palette inclut les couleurs de chaque image	Comparez la même couleur de remplissage prévue sur plusieurs poses
Seul le contour présente un halo pâle ou sombre	La transparence partielle et les paramètres de matage	Prévisualisez sur un fond clair et sur un fond sombre
Le GIF a un aspect différent selon l’application	L’interprétation du profil colorimétrique et les paramètres d’affichage	Rouvrez le GIF dans l’éditeur source et comparez les valeurs
De nouveaux points apparaissent dans des zones unies	Le tramage à l’exportation	Exportez une autre copie avec le tramage désactivé

Comparez des images rendues équivalentes, pas des pixels sans rapport situés aux mêmes coordonnées de canevas après le déplacement du personnage. Gardez le même arrière-plan et le même zoom pour évaluer l’apparence. Notez si les valeurs RVB ont changé, si l’apparence a changé, ou les deux : cette distinction détermine la suite.

Pour un personnage conçu autour de couleurs cohérentes, utilisez une palette dédiée couvrant toutes les poses. Ajoutez les couleurs visibles uniquement en mouvement, par exemple celles d’une expression différente, d’une surbrillance d’accessoire ou d’une teinte différente sur le dessous. Une palette créée à partir de la seule première image risque de les omettre.

Il s’agit d’une recommandation de méthode, et non d’une obligation d’utiliser une palette globale pour chaque GIF. Les palettes locales sont compatibles avec le format. Une palette partagée permet d’examiner un ensemble de couleurs défini et de vérifier que chaque image le respecte.

Dans Aseprite, examinez le dessin en mode RVB avant de convertir une copie destinée à l’exportation en mode Indexé. Les pixels indexés font référence aux entrées de la palette ; modifier une entrée change tous les pixels qui y font référence. Les calques transparents nécessitent également un index transparent désigné, généralement l’index 0. Consultez la documentation d’Aseprite sur les modes de couleur.

Pour un GIF transparent utilisant une seule table partagée, prévoyez au maximum 255 couleurs opaques, plus une entrée transparente. Cette limite découle de la capacité de 256 entrées de la table et de l’utilisation d’un index de palette pour la transparence dans le format GIF. Une animation opaque peut utiliser les 256 entrées pour les couleurs visibles. Consultez les définitions des tables de couleurs et de la transparence dans GIF89a.

À titre d’exemple, supposons que votre animation entière utilise 24 couleurs opaques distinctes. L’ajout d’une entrée transparente en nécessite 25, la capacité de la palette est donc suffisante. Cela ne prouve pas que l’exportateur a sélectionné exactement ces 24 couleurs : examinez la table obtenue et prélevez des échantillons de vos pixels de référence. S’il manque une couleur de surbrillance, corrigez la palette avant de recommencer la conversion.

Les profils colorimétriques précisent comment interpréter les valeurs RVB. La documentation d’Aseprite indique que le sRVB est l’espace colorimétrique généralement utilisé pour les images destinées à Internet et propose des commandes de gestion des couleurs dans Édition > Préférences > Couleur. Pour une animation destinée à un affichage Web ordinaire, préparer la copie d’exportation en sRVB constitue un point de départ pratique. Consultez la documentation d’Aseprite sur les profils colorimétriques.

Si votre source utilise un autre profil connu, faites la distinction entre Convertir et Attribuer. Dans la boîte de dialogue Sprite > Propriétés d’Aseprite, l’attribution conserve les valeurs des pixels et modifie leur interprétation. La conversion ajuste les valeurs des pixels entre les espaces colorimétriques afin de préserver l’apparence aussi fidèlement que le permet la conversion. Ces deux opérations sont décrites dans Propriétés du sprite.

Effectuez toute conversion de profil nécessaire avant de finaliser la palette d’exportation, puis prélevez de nouveaux échantillons de référence. Sinon, vous risquez de prendre une conversion intentionnelle des valeurs RVB pour une erreur survenue lors de l’exportation en GIF. Si le profil source est inconnu, déterminez comment l’illustration originale devait être interprétée avant d’attribuer plusieurs profils différents à répétition.

La transparence GIF désigne un index de palette dont les pixels laissent l’affichage existant inchangé ; elle ne stocke pas de plage indépendante de valeurs alpha pour chaque pixel. Par conséquent, les bords partiellement transparents du personnage nécessitent une décision explicite à l’exportation. Ce comportement est défini dans la spécification GIF89a.

Pour un pixel art aux bords nets, examinez le contour et supprimez toute opacité partielle involontaire dans la copie d’exportation. Gardez chaque pixel de bord prévu entièrement opaque et chaque pixel vide entièrement transparent. Le contour fait ainsi partie intégrante du dessin au lieu de dépendre d’une décision prise lors de la conversion.

Si le personnage présente volontairement des bords doux, choisissez le traitement de l’arrière-plan avant l’exportation. Adobe explique que les paramètres de matage mélangent les pixels partiellement transparents à une couleur sélectionnée ; associer ce mat à un arrière-plan uni connu peut permettre au bord de s’y fondre. Un mat préparé pour un arrière-plan peut rester visible sur un autre. Consultez les conseils d’Adobe Animate sur la transparence et le matage.

Prévisualisez le contour exporté sur des arrière-plans clairs et sombres. Si les couleurs intérieures correspondent, mais que le halo varie nettement, vérifiez à nouveau les paramètres d’opacité et de matage avant de reconstruire la palette du personnage.

Pour commencer, désactivez le tramage à l’exportation des illustrations en pixel art aux aplats de couleur. Adobe explique que le tramage simule les couleurs indisponibles et que les images composées principalement de couleurs unies peuvent donner de bons résultats sans cette option. Les dégradés peuvent nécessiter un autre compromis. Désactivez également l’option « Accrochage à la palette Web » lorsqu’elle est disponible : elle décale volontairement les couleurs vers leurs équivalents de la palette Web. Consultez les options d’optimisation GIF d’Adobe Animate.

Considérez cette configuration comme un point de départ, puis examinez le résultat. Si la désactivation du tramage révèle de grandes zones de couleurs substituées, corrigez la couverture de la palette au lieu d’ajouter immédiatement un motif par-dessus la différence. Distinguez les textures en pixels que vous avez dessinées volontairement du tramage supplémentaire introduit lors de la conversion.

Si l’exportateur propose une protection des couleurs exactes, vérifiez dans quelles conditions elle s’applique. L’option documentée preserveExactColors de Photoshop protège les couleurs déjà présentes dans la table de couleurs contre le tramage par diffusion ; elle n’ajoute pas les couleurs manquantes à la table. Consultez la référence des options d’enregistrement GIF d’Adobe.

Après l’exportation, ouvrez le GIF comme un nouveau document. Ne vous fiez pas uniquement à l’aperçu de la boîte de dialogue d’exportation. Aseprite explique comment ouvrir un GIF et enregistrer ses images sous forme de séquence PNG, ce qui constitue un autre moyen d’inspecter les images individuellement. Consultez la FAQ d’Aseprite.

Effectuez cette vérification finale :

1. Comparez les couleurs de référence dans la copie préparée pour l’exportation et dans le GIF rouvert.
2. Examinez chaque image contenant une couleur absente de la première pose.
3. Vérifiez séparément les pixels intérieurs opaques et les bords transparents.
4. Lancez la boucle entière et repérez les changements involontaires dans les aplats ou les surbrillances.
5. Prévisualisez le GIF à sa taille prévue et sur l’arrière-plan prévu.

Si la valeur RVB d’un aplat opaque diffère, revenez à la correspondance de palette ou à la conversion du profil. Si sa valeur correspond, mais que son apparence diffère selon les applications, examinez l’interprétation de l’affichage avant de repeindre. Ne modifiez qu’un paramètre par exportation de test afin de repérer l’ajustement qui a été utile.

Conservez séparément la version source modifiable, la copie préparée pour l’exportation et le GIF final. Un processus d’exportation reproductible commence par des couleurs source connues, explicite les choix de palette et de transparence et se termine par la comparaison avec le fichier rouvert. Vous disposez ainsi d’un moyen concret de préserver l’apparence voulue du personnage et de repérer tout compromis restant.

• Spécification GIF89a — CompuServe, hébergée par le W3C
• Foire aux questions — Aseprite
• La barre de couleurs et les palettes — Aseprite
• Modes de couleur — Aseprite
• Profil colorimétrique — Aseprite
• Propriétés du sprite — Aseprite
• Options d’exportation d’images et de GIF animés — Adobe Animate
• Options d’enregistrement GIF — Documentation développeur d’Adobe Photoshop