Comment compresser un GIF animé

Optimiser votre site Web pour des performances plus rapides est plus important que jamais. Les utilisateurs de sites Web s'attendent à une expérience utilisateur transparente et les SERP favorisent les sites qui se chargent rapidement. Par conséquent, vous devez optimiser vos images, y compris les GIF, pour les performances du site. Si vous êtes le genre de personne qui utilise des GIF pour communiquer vos points et faire des blagues, vous devez savoir comment les compresser. Les fichiers peuvent être volumineux si vous ne faites pas attention, donc un facteur majeur pour l'optimisation de l'image consiste à apprendre à compresser un GIF animé.

Nous allons passer en revue les étapes à suivre pour compresser votre GIF. Nous partagerons également un tour d'horizon des outils de compression que vous pouvez utiliser, afin que vous sachiez quelles sont vos options.

Qu'est-ce qu'un GIF animé ?

Un GIF peut être une image statique ou animée. Si vous avez passé beaucoup de temps sur les réseaux sociaux ou les applications de messagerie comme Facebook Messenger, Slack ou Skype, vous avez probablement vu et envoyé de nombreux GIF animés. Contrairement aux vidéos, les GIF animés sont une compilation d'images statiques. (How-To Geek les appelle des "flipbooks", une expression que j'adore.)

Les GIF animés contiennent essentiellement plusieurs images GIF statiques. Ils semblent bouger lorsque les images sont combinées et lues en séquence. Comme il s'agit techniquement de nombreux fichiers individuels qui créent un seul GIF animé, chaque GIF peut prendre beaucoup de place.

Il y a cependant des limites. Un GIF ne prend en charge que 256 couleurs, ce qui affecte la taille de chaque fichier puisque les combinaisons de couleurs tentent d'imiter des images aussi riches en couleurs que les JPEG. (Une image JPEG prend en charge 16,7 millions de teintes.) Par conséquent, la taille du fichier d'un GIF animé est généralement assez importante, contenant à elle seule cette énorme quantité d'informations sur les couleurs. L'hébergement de GIF volumineux ou à chargement lent sur votre site Web peut créer des problèmes de performances du site Web.

Pourquoi devrais-je compresser un GIF animé ?

Étant donné que les fichiers volumineux, tels que les GIF animés, peuvent ralentir les performances et le temps de chargement de votre site Web, vous souhaitez les compresser autant que possible. Ne le faites pas dans le vide, cependant. Il est important d'envisager la compression des GIF dans le cadre de la stratégie d'optimisation de votre site (qui doit également inclure la compression des images et d'autres éléments graphiques).

Si vous êtes propriétaire d'un site Web WordPress, un certain nombre de facteurs peuvent avoir un impact sur le temps de chargement et les performances de votre site. Certains d'entre eux incluent vos images, vos plugins WordPress et vos révisions de site. Les GIF que vous utilisez sur votre site sont un autre gros morceau de ce puzzle.

Les GIF animés font souvent plus de 1 Mo, ce qui signifie que le temps de chargement de votre site Web peut être considérablement affecté. Au fur et à mesure que nous avançons, vous verrez le changement significatif de la taille du fichier qui se produit une fois que vous avez fait passer votre GIF animé par le processus de compression.

Comment compresser un GIF animé

Apprendre à compresser un GIF animé est simple et rapide. Nous vous guiderons à travers les étapes pour y parvenir. Mais d'abord, parlons de certaines des options de compression GIF disponibles.

Ezgif

Ezgif est un outil de compression gratuit qui permet d'apprendre facilement à compresser un GIF animé. Utilisez cet outil basé sur un navigateur pour télécharger et compresser vos fichiers en quelques étapes simples. L'outil fonctionne en utilisant une compression avec perte, ce qui signifie que vous pouvez réduire la taille du fichier sans perdre d'informations. Il réduit également la taille de votre GIF en réduisant légèrement la couleur, en supprimant les images en excès sans enlever l'animation elle-même et en rendant certains éléments de l'image transparents.

Tout cela combiné signifie qu'il y aura beaucoup moins de données à charger pour vos utilisateurs.

Compresseur GIF

GIF Compressor est un autre compresseur gratuit basé sur un navigateur qui permet aux utilisateurs de compresser par lots jusqu'à 20 fichiers à la fois. Si vous compressez par lots, vous obtiendrez un fichier ZIP à télécharger une fois le processus terminé. Comme Ezgif, GIF Compressor est gratuit.

Compresser ou mourir

Compress or Die est un compresseur GIF gratuit spécialement conçu pour les utilisateurs qui souhaitent créer des avatars petits mais de haute qualité à partir de leurs GIF. Le site permet aux utilisateurs de télécharger leur propre fichier, de glisser-déposer, de coller l'URL de l'image, d'utiliser un URI de données Base64 ou d'utiliser un script Photoshop-JSX. Alors qu'Ezgif et GIF Compressor autorisent chacun des images jusqu'à 50 Mo, Compress or Die ne prend en charge que des images jusqu'à 8 Mo. Donc, si vous utilisez des GIF animés très détaillés, ce ne sera pas un bon choix pour vous.

Comment compresser un GIF animé avec Ezgif

Ezgif est probablement la meilleure option pour la plupart des gens, nous allons donc examiner toutes les étapes que vous devez suivre pour préparer les images de votre site.

Tout d'abord, lancez une nouvelle fenêtre de navigateur et accédez à https://ezgif.com/optimize. Ensuite, choisissez simplement l'image que vous souhaitez télécharger depuis votre ordinateur. Alternativement, vous pouvez coller l'URL de l'image si vous l'avez déjà stockée en ligne quelque part. (Dans ce cas, j'ai enregistré une image de Giphy pour démontrer tous les avantages de l'utilisation de cet outil.)

Cliquez sur Télécharger , et une fois votre fichier téléchargé, il apparaîtra dans la fenêtre. Vous pouvez maintenant optimiser l'image en choisissant comment et dans quelle mesure vous souhaitez la compresser. Pour les besoins de cet article, j'ai sélectionné Lossy GIF et choisi un niveau de compression de 200 (le plus lourd possible pour cet outil).

Cliquez sur Optimiser le GIF et vous verrez le GIF optimisé affiché sous l'original. Les détails et informations de l'image optimisée seront disponibles immédiatement.

Bien que la couleur et la qualité aient été légèrement dégradées, le changement n'était pas suffisant pour justifier l'utilisation d'un GIF de près de 5 Mo dans sa forme d'origine. Une fois compressé, la taille du fichier est descendue à 1,58 Mo. C'est une réduction de 70 % . C'est vraiment impressionnant. Cependant, comme nous l'avons mentionné ci-dessus, même 1,5 Mo est toujours un fichier assez lourd.

Pour cette raison, nous vous suggérons d'utiliser les outils intégrés pour continuer à éditer le GIF. Vous pouvez les enregistrer sur votre ordinateur en utilisant le menu situé sous l'image. De plus, en fonction de la taille (et de la qualité) de votre fichier, vous pouvez l'exécuter à nouveau via Ezgif ou même essayer un autre des outils de compression sur le fichier déjà compressé. La qualité a tendance à se dégrader à chaque fois que vous faites cela, mais le niveau auquel cela va dépendre de votre contenu.

N'oubliez pas qu'un GIF animé, même lorsque vous le compressez, ne rivalisera pas avec un fichier JPEG, SVG ou WebP. Si vous avez besoin des images les plus petites et les plus rapides sur Internet, vous devez renoncer entièrement aux animations.

Conclusion

Lorsque vous travaillez à l'optimisation de votre site Web pour des performances optimales, gardez à l'esprit la compression GIF. N'oubliez pas que les GIF sont souvent beaucoup plus volumineux que vous ne le pensez et que vous ne devez pas les négliger lors de l'optimisation de votre site. Avec tout cela à l'esprit, vous savez comment compresser un GIF animé (et quels outils font le travail), donc votre site devrait se charger encore plus rapidement maintenant.

Gardez à l'esprit que lorsque vous utilisez n'importe quel type de média sur votre site Web, vous devez vous assurer qu'il est correctement autorisé à des fins commerciales. Cela inclut les GIF - juste pour être sûr.

Quel est votre outil préféré pour compresser un GIF animé ? Faites-nous savoir ce que nous devrions utiliser dans les commentaires !

Image sélectionnée via muchomoros / shutterstock.com