En développement Web, l'optimisation du temps de chargement des pages Web est omniprésent. Des études montrent que l'évolution du poids moyen d'une page Web atteint les 2 Mo. Pourquoi ne pas faire un point sur les différents outils proposant l'optimisation et la réduction du poids des images au format PNG ou JPG ?

Les différents outils

Les tests ont été effectués à partir d'un fichier PNG de 77.6 Ko.

PNG Crush

PNG Crush est un outil gratuit s'utilisant en Web ou avec l'API fournie. Divers exemples sont détaillés dans cette page.

Taille après optimisation : 49.1 Ko
Gain : 28.5 Ko (~37%)

OptiPNG

OptiPNG s'utilise en ligne de commande (Windows, Linux, Mac) et peut convertir des fichiers PNG, BMP, GIF et TIFF.

Taille après optimisation : 49.7 Ko
Gain : 27.9 Ko (~36%)

TinyPNG

TinyPNG est une appli Web disposant également d'une API (500 utilisations par mois) et autorisant les fichiers PNG et JPG. La technologie utilisée permet de gagner beaucoup de Ko !
Un plugin pour Photoshop est disponible mais payant ($50).

Taille après optimisation : 36.2 Ko
Gain : 41.4 Ko (~53%)

RIOT

RIOT, pour Radical Image Optimization Tool (rien que ça !) est un logiciel vous permettant de convertir divers types de fichiers image.

Taille après optimisation : 70.79 Ko
Gain : 5.81 Ko (~7%)

PNGOUT

PNGOut est disponible en ligne de commande ou avec en logiciel (Windows).

Remarque importante : le traitement est relativement long !

Taille après optimisation : 70.5 Ko
Gain : 7.1 Ko (~9%)

PNGGauntlet

PNGGauntlet regroupe trois outils en un (PNGOut, OptiPNG et DeflOpt).

Taille après optimisation : 48.9 Ko
Gain : 28.7 Ko (~37%)

AdvanceCOMP

AdvanceCOMP est un outil en ligne de commande pour Windows, Linux et Mac.

Optimisation réalisée avec la compression normale.

Taille après optimisation : 47.5 Ko
Gain : 30.1 Ko (~39%)

Optimizilla

Optimizilla est également uniquement Web. Une particuliarité : vous pouvez choisir la qualité finale en jouant avec un curseur définissant le nombre de couleurs.

Avec 256 couleurs (le maximum autorisé), le poids de l'image de test passe à 37 Ko, soit un gain de 40.6 Ko (~52%).

Compressor.io

Compressor.io est assez récent et est disponible uniquement sur le Web. Il supporte les JPG, PNG, GIF ou SVG.

Taille après optimisation : 33.3 Ko
Gain : 44.3 Ko (~57%)

FileOptimizer

FileOptimizer est un logiciel à télécharger. Il ne se limite pas qu'aux formats images, il comprend les fichiers (.ai, .doc, .epub, .flac, ...). Il y a quelques options comme la gestion de la qualité (de 0 à 9), la priorité du processus. Le traitement est cependant assez long.

Taille après optimisation : 42.6 Ko
Gain : 41.5 Ko (~45%)

pngquant

pngquant est disponible avec une interface graphique ou en ligne de commande, sur Windows tout comme Linux ou MacOS.

Taille après optimisation : 36.1 Ko
Gain : 35 Ko (~45%)

Conclusion

Il existe une pléthore d'outils permettant d'optimiser et de réduire la taille de vos images et je ne les ai pas tous testé. Parmi ceux listé ci-dessus, tous ne sont pas bons, mais certains excellent tel que TinyPNG qui m'a vraiment bluffé par le gain obtenu et surtout la qualité d'image non dégradée ! C'est pour moi mon favori !