Comment l'ordre des PNG est-il déterminé ?

La plupart des outils effectuent un tri alphabétique sur les noms de fichiers. C'est pourquoi ajouter un zéro en tête lorsque vous nommez vos images avec des chiffres est d'une importance critique ; si vous les nommez image1, image2, image10, image10 se placera alphabétiquement avant image2 et l'animation sera constituée dans le mauvais ordre. La bonne méthode est une numérotation à nombre de chiffres fixe : image01, image02, image10. Après le chargement, vérifiez impérativement l'ordre à l'œil.

Comment régler la vitesse de l'animation ?

Le format GIF stocke un délai distinct pour chaque image, généralement exprimé en millisecondes. Les outils présentent cela sous la forme d'un réglage de vitesse unique et appliquent le même délai à toutes les images. Un délai plus court donne une animation plus fluide mais plus rapide ; cependant, si votre nombre d'images est faible, une lecture rapide rend le mouvement saccadé. Si vous voulez de la fluidité, la solution n'est pas d'augmenter la vitesse mais d'ajouter des images intermédiaires.

Pourquoi les couleurs de mes PNG paraissent-elles différentes dans le GIF ?

Le format GIF ne peut stocker que 256 couleurs au maximum par image, et c'est une limite stricte enfouie dans la structure du format. Vos PNG transportent peut-être des millions de couleurs ; lors de la conversion en GIF, ces couleurs sont réduites de force à une palette de 256. Les dégradés doux se transforment en bandes en escalier, les nuances proches fusionnent en une seule couleur. Le logiciel applique du tramage, c'est-à-dire un semis de points, pour masquer cela, ce qui apparaît de près comme une texture sableuse.

Pourquoi le fichier GIF obtenu est-il si lourd ?

Le GIF utilise une méthode de compression ancienne et inefficace ; il stocke des données d'image distinctes pour chaque frame et ne peut pas effectuer les optimisations inter-images évoluées des formats modernes. Le nombre d'images, la résolution et la quantité de mouvement augmentent directement le poids. Pour le réduire, diminuez la résolution, réduisez le nombre d'images et gardez si possible l'arrière-plan fixe. Si le poids est critique, le WEBP animé ou des formats vidéo donnent un résultat bien plus efficace.

Créer un GIF animé à partir d'images PNG : guide pratique

Quand est-il judicieux de produire un GIF à partir de PNG ?

Vous avez une série d'images PNG et vous voulez les transformer en un seul fichier animé. Ce besoin naît généralement de trois situations : une animation que vous avez exportée image par image depuis un outil de design, des images extraites d'un enregistrement d'écran, ou une boucle simple que vous avez préparée à la main.

Il faut le dire d'emblée : au sens moderne, le GIF n'est pas le meilleur format pour ce travail. Le WEBP animé et les formats vidéo courts donnent à la fois un fichier plus léger et de meilleures couleurs. La raison légitime de choisir le GIF est généralement la compatibilité — certaines plateformes, logiciels de forum, clients de messagerie, applications de messagerie instantanée et systèmes d'entreprise n'acceptent encore que le GIF ou le lisent automatiquement. Si votre destination est de ce type, le GIF est le bon choix.

Dans cet article, nous détaillons la conversion pas à pas et posons une attente réaliste sur l'aspect du résultat.

Le seul fait à connaître avant la conversion

Le GIF stocke au maximum 256 couleurs par image. Ce n'est pas un choix souple du format mais une limite stricte enfouie dans sa structure de fichier.

Vos PNG sont probablement bien plus riches. Un arrière-plan en dégradé sorti d'un outil de design, les ombres douces d'une capture d'écran, une image photographique — tous peuvent contenir des millions de nuances. Lors de la conversion en GIF, tout cela est réduit à 256 couleurs, et cette réduction est définitive.

Ce que cela signifie en pratique : un contenu simple, en aplats de couleur et peu nuancé passe quasiment sans dégradation. Un contenu comportant des dégradés, des ombres ou des textures photographiques change en revanche visiblement — des bandes apparaissent, les fines différences de ton disparaissent.

Le savoir à l'avance vous évite de vous demander « l'outil est-il cassé ? » en regardant le résultat.

Créer un GIF pas à pas

1. Nommez correctement vos images. C'est l'étape qui provoque le plus d'erreurs. La plupart des outils trient les fichiers alphabétiquement. Si vous les nommez image1.png, image2.png, image10.png, image10 se placera alphabétiquement avant image2 et votre animation sera constituée dans le mauvais ordre. La bonne méthode est d'utiliser un nombre de chiffres fixe : image01.png, image02.png, image10.png.

2. Mettez toutes les images à la même taille. Si les dimensions en pixels des images diffèrent, l'animation sautera ou les images seront rognées. Avant la conversion, assurez-vous qu'elles ont toutes la même largeur et la même hauteur.

3. Réduisez la résolution dès le départ. Le poids d'un fichier GIF croît rapidement avec la résolution. Si vous comptez afficher l'animation en petit dans une application de messagerie ou dans un article de blog, réduire les images à la source est le contrôle de poids le plus efficace. Plutôt que de réduire après coup, réduisez d'abord puis produisez le GIF.

4. Ouvrez l'outil de conversion de PNG en GIF et chargez vos images. Après le chargement, contrôlez l'ordre à l'œil sur l'écran — même si les noms de fichiers sont corrects, ne sautez pas cette vérification.

5. Réglez le délai entre les images. Le GIF stocke un temps d'attente pour chaque image. Un délai court donne une animation rapide et fluide, un délai long une animation lente où l'on distingue chaque image. Si votre nombre d'images est faible, augmenter la vitesse n'apporte pas de fluidité, cela ne fait qu'accélérer les saccades.

6. Déterminez le réglage de boucle. Un GIF peut boucler indéfiniment ou se répéter un nombre défini de fois puis s'arrêter. Sur des animations qui racontent un processus, une boucle infinie peut fatiguer le spectateur ; une lecture unique peut être plus adaptée.

7. Testez le résultat dans son environnement d'usage réel. N'ouvrez pas simplement le GIF sur votre ordinateur pour le regarder. Essayez-le là où vous comptez le téléverser — certaines plateformes appliquent une limite de taille, d'autres recompressent automatiquement le GIF ou le convertissent en vidéo.

Garder le poids du fichier sous contrôle

Le GIF est un format inefficace et son poids échappe vite au contrôle. Les interventions efficaces sont les suivantes :

Réduisez la résolution. C'est là qu'est le plus grand gain. Diviser la largeur par deux réduit le nombre de pixels au quart.

Réduisez le nombre d'images. Chaque image s'ajoute directement au fichier. Si le mouvement reste suffisamment compréhensible, sauter des images intermédiaires diminue nettement le poids.

Gardez l'arrière-plan fixe. S'il existe des zones qui ne changent pas d'une image à l'autre, la compression peut en tirer parti. Un arrière-plan qui vibre ou change en permanence fait gonfler le poids.

Réduisez la variété des couleurs. Comme le résultat descendra de toute façon à 256 couleurs, garder vos images sources sobres diminue à la fois les bandes et le poids du fichier.

Rognez les marges inutiles. Chaque pixel de l'image se répercute sur le poids du fichier.

Erreurs fréquentes

Produire un GIF à partir de photos. Des images photographiques réduites à 256 couleurs se dégradent nettement et le fichier reste malgré tout lourd. Si vous voulez une animation photographique, le GIF est le mauvais format ; cherchez du côté de la vidéo ou du WEBP animé.

Attendre de la transparence. Si vos PNG comportent des bords doux et semi-transparents, le GIF ne peut pas les préserver. Le GIF ne prend en charge qu'une transparence binaire : un pixel est soit totalement transparent, soit totalement opaque. Les bords doux se transforment en une frontière crénelée ou se mélangent à l'arrière-plan en laissant un halo sale.

Ne pas vérifier l'ordre. C'est l'erreur la plus fréquente et la plus facile à éviter.

Supprimer les PNG sources. Il n'y a pas de retour depuis un GIF ; la perte de couleurs est définitive. Conservez les images afin de pouvoir les régénérer plus tard dans un autre format ou avec un autre réglage de vitesse.

En résumé

Produire un GIF à partir d'images PNG est techniquement simple, mais la qualité du résultat dépend largement de la structure chromatique de votre contenu source. Un contenu sobre, en aplats de couleur et peu nuancé passe sans problème. Des images comportant des dégradés et des textures photographiques se dégradent visiblement sous la limite de 256 couleurs. Nommez correctement vos images, réduisez la résolution dès le départ, vérifiez l'ordre à l'œil et conservez les PNG sources. Si vous choisissez le GIF parce que la compatibilité l'exige, vous êtes sur la bonne voie ; si vous le choisissez par simple habitude, il vaut la peine d'examiner des alternatives plus efficaces.