Comment compresser des fichiers GIF animés sans perte de qualité d'image

Les GIF animés, plus que tout autre format d'image numérique, sont désormais bien enracinés dans la culture en ligne. Les JPEG sont plus ou moins une continuation de la photographie traditionnelle, mais les GIF sont quelque chose de nouveau et de puissant. La large bande a conduit au streaming vidéo au cours de la dernière décennie, mais auparavant, le seul moyen de partager facilement des images en mouvement était d'utiliser les GIF..

Les GIF ont dépassé le format vidéo primitif sans son. Avec le succès de sites comme Tumblr et Reddit, ils constituent une forme d'art en eux-mêmes. Les GIF de réaction font partie des mèmes les plus populaires. 

Le format GIF, toutefois, n’est pas aussi performant en compression que JPEG ou PNG. La seule raison pour laquelle les GIF continuent à avoir un tel succès est que le format permet l'animation. La création d'un fichier GIF compressé avec de bons détails nécessite donc un peu de réflexion. La plupart des GIF que vous voyez en ligne sont soit des fichiers ridiculement volumineux, soit une compression horrible.. 

Voyons comment compresser des GIF animés sans les écraser..

Pourquoi compresser des gifs?

Comme je l'ai mentionné plus haut, les fichiers GIF ont tendance à être volumineux. Un fichier GIF peut avoir une taille dix fois supérieure à celle d'un fichier vidéo identique. Si vous voulez de beaux GIF pouvant être partagés sur le Web, cela pose un problème..

Si vous utilisez le haut débit haut débit, le chargement d'un fichier GIF de 10 Mo intégré dans une page Web ne pose pas de problème. Cela peut prendre une seconde ou deux mais vous remarquerez à peine. Le problème est que beaucoup de gens n'accèdent pas à Internet en utilisant une connexion rapide.

Des millions de nouvelles personnes ont accès à Internet chaque année, la grande majorité d'entre elles dans des pays en développement. Ils n'ont pas toujours le luxe d'un accès Internet rapide et abordable. Leurs connexions sont souvent lentes et coûteuses. Lorsque vous concevez du contenu pour Internet, comme des GIF animés, vous devez envisager de tels utilisateurs..

ImageOptim peut compresser des images sans perte pour les rendre plus accessibles.

Même dans les pays développés, il existe un nombre considérable de personnes qui ont un accès limité et coûteux à Internet: les utilisateurs mobiles. Les téléphones intelligents sont désormais le moyen dominant que la plupart des gens se connectent en ligne. Bien que les données mobiles puissent être incroyablement rapides dans certaines régions, cela coûte cher. Si plus de la moitié des personnes qui consultent votre GIF le font avec un smartphone, celui-ci doit être compressé correctement..

Enfin, la plupart des lieux d’hébergement de GIF comprennent ces deux problèmes. Cela signifie qu'ils placent des limites de taille de fichier sur les téléchargements ou les utilisent via leurs propres algorithmes de compression. Si vous ne compressez pas correctement votre propre GIF, ce sera à la merci de la compression avec perte que quelqu'un d'autre a choisie. Si vos GIF sont correctement compressés, le problème sera moins grave.

Comment faire de bons gifs

Il est inutile de compresser un fichier GIF inefficace et mal conçu. Garbage in, garbage out. Si vous essayez de créer un GIF, vous devriez le faire correctement à chaque étape. Si vous commencez tout juste à créer des GIF, je vous suggère le tutoriel de Jose Antunes. Cinemagraphs: Comment créer des photographies animées dans Adobe Photoshop.

Faire un GIF bien optimisé dans Photoshop.

Martin Perhiniak a écrit un excellent tutoriel sur les moyens d'optimiser un fichier GIF animé. Vous devriez vérifier avant de continuer. La principale conclusion est qu’il faut prendre un certain nombre de décisions importantes concernant la taille de l’image, la longueur du GIF, le nombre de trames, le nombre de couleurs et la qualité. En limitant votre GIF dans des domaines moins importants, vous pouvez conserver les détails là où vous le souhaitez..

Comment compresser des gifs sans perte

Bien qu'il existe des outils commerciaux disponibles, l'un des meilleurs algorithmes d'optimisation provient de l'outil à code source libre Gifsicle. L'algorithme de compression de Gifsicle compare chaque image à la précédente et calcule la différence. Il enregistre alors uniquement les modifications plutôt que d’intégrer tous les détails redondants. Cela signifie que si seule une petite zone de l'image change entre chaque image, la taille du fichier est beaucoup plus petite. C'est un moyen incroyablement efficace de compresser quelque chose sans perte.

Gifsicle, cependant, est un outil en ligne de commande. Si vous êtes familier avec la ligne de commande, vous pouvez l’avancer et l’utiliser tel quel. Il suffit de cloner Gifsicle de GitHub et vous êtes prêt à partir. 

ImageOptim L’utilisation de l’algorithme de Gifsicle permet d’économiser un peu de la taille des fichiers GIF mal optimisés..

L'option de ligne de commande est trop technique pour la plupart des gens. Heureusement, quelques applications d'optimisation d'images utilisent l'algorithme de Gifsicle..

Si vous êtes sur un Mac, ImageOptim est la meilleure solution. En plus de compresser les fichiers GIF sans perte, il peut également gérer les fichiers JPEG et PNG.

Pour les utilisateurs Windows, FileOptimizer utilise également Gifsicle pour activer sa compression GIF. FileOptimizer semble être capable de compresser à peu près tout.

Il existe également quelques applications Web qui compressent les fichiers GIF. La compression GIF sans perte de Compressor.io utilise Gifsicle, c'est donc celle que je recommanderais. Beaucoup d'autres applications Web n'offrent que la compression avec perte.

Mettre en pratique

La capacité de Gifsicle à compresser votre GIF dépend de votre capacité à l’optimiser au préalable. Si vous créez un fichier GIF bien conçu dans Photoshop, Gifsicle peut le compresser de deux à cinq pour cent supplémentaires. Cependant, si vous commencez avec un GIF mal optimisé, il peut le compresser beaucoup plus..

J'ai créé le GIF ci-dessus dans Photoshop à partir d'une courte vidéo que j'ai tournée. J'ai délibérément rendu la tâche la plus difficile possible pour Gifsicle; presque toute l'image se déplace entre chaque image. 

Le fichier vidéo original était de 20 Mo. Lorsque je l'ai converti au format GIF dans Photoshop, j'ai réussi à le réduire à environ 4 Mo, mais au prix de beaucoup de détails. En l'exécutant via ImageOptim, il restait 4% à 3,8 Mo de plus sur le bouton sans perte de qualité..

J'ai également exécuté un assortiment aléatoire de fichiers GIF de Giphy à ImageOptim. J'ai une plage de valeurs allant de 0% à 24,9% de compression. Encore une fois, c'était sans perte de qualité pour les GIF.

Emballer

Les GIF sont incroyablement populaires en ligne. Malheureusement, il s’agit généralement de fichiers très volumineux ou mal compressés. Pour les personnes accédant à Internet à partir de connexions lentes ou coûteuses, c'est un problème.

Avec des applications telles que ImageOptim, FileOptimizer et Compressor.io, vous pouvez utiliser le puissant algorithme de compression de Gifsicle pour réduire vos fichiers GIF sans perte. En fonction de la qualité de votre création, vous pouvez réduire de 2 à 25% la taille du fichier..