Optimisation des gif animés

Suite à la parution d’un excellent article sur le blog Yahoo YUI , j’en ai profité pour regarder de plus près la taille des marqueurs qui sont affichés lorsqu’un garage est agréé par plusieurs constructeurs ou réseaux. Et c’était pas brillant!

Par exemple, ce marqueur présentant 4 constructeurs :

Il pesait 37ko avant optimisation, 19 après soit 48% d’optimisation!

Deux étapes ont été nécessaires :

  1. Il y avait 10 images de transition entre les logos de chque marque pour générer le fondu, il n’y en a plus que 3.
  2. L’animation produite est optimisée grâce à l’outil gifsicle (option -O2). Le gain est de 10%, non négligeable.

C’était simple et rapide à faire pour un résultat non négligeable!

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s