Votre Navigateur ne supporte pas le JavaScript!
Home / Blog / Blog article

Notice: Undefined index: news_actus in /homepages/45/d283795163/htdocs/site-2013/tmp/templates_c/fc6d4015a0207ffcc00bd84890043ccaea513753.tpl_body.33.php on line 42

Notice: Trying to get property of non-object in /homepages/45/d283795163/htdocs/site-2013/tmp/templates_c/fc6d4015a0207ffcc00bd84890043ccaea513753.tpl_body.33.php on line 42

Optimiser le poids de vos images .PNG!

Afin de pouvoir comparer de manière équitable les différents optimisateur d'images, j'ai utilisé une image avec le célébre logo du navigateur Fi...

Catégorie : Optimisation

Partagez cet article :

Email facebook twitter Google+

Les images font parti des élèments qui ralentissent le chargement des pages web. Mais elles ne sont que très peu souvent optimisées.

Découvrez quelques ressources pour alléger le poids de vos images et gagner en rapidité de chargement.

Afin de pouvoir comparer de manière équitable les différents optimisateur d'images, j'ai utilisé une image avec le célébre logo du navigateur Firefox avec un poids de départ de 77.9Ko et avec une taille de 250*250px (image disponible ici).

TinyPNG

TinyPNG - optimisateur de PNG

Sont utilisation est simple, puisqu'il suffit seulement de "dropper" son ou ses images (jusqu'à 20 images) dans la zone prévue. Les images ne doivent pas dépasser 3Mo chacunes. Système 100% gratuit.

Réduction de 76%, soit un poids total de 19Ko une fois compressé.

http://tinypng.org/

PunyPNG

PunyPNG - optimisateur de PNG

Posibilité d'uploader jusqu'à 15 images et un maximum de 150Ko par image.

Réduction de 9%, soit un poids total de 71.05Ko une fois compressé. (pour la verison gratuite)

Réduction de 73%, soit un poids total de 21.16Ko une fois compressé. (pour la verison pro à 3$ / mois)

http://www.punypng.com/

PNG optimizer

PNG Optimizer - optimisateur de PNG

Réduction de 5,84%, soit un poids total de 73.6Ko une fois compressé.

http://www.pngoptimizer.com/

Image Optimizer

Image Optimizer - optimisateur de PNG

Réduction de 42.23%, soit un poids total de 45Ko une fois compressé.

http://www.imageoptimizer.net/Pages/Home.aspx

Smush.it de Yahoo!

Smuch'it de Yahoo! - optimisateur de PNG

Réduction de 4.49%, soit un poids total de 72.70Ko une fois compressé.

http://www.smushit.com/ysmush.it/

Tableau récapitulatif des optimisateurs

Nom de siteTaille de l'image de départTaille de l'image optimisé% d'optimisation
TinyPNG 77.9Ko 19Ko

76%

PunyPNG 77.9Ko 71.05Ko (version gratuite) / 21.16Ko (version payante) 9% (version gratuite) / 73% (version payante)
PNG optimizer 77.9Ko 73.6Ko 5.84%
Image Optimizer 77.9Ko 45Ko 42.23%
Smush.it de Yahoo! 77.9Ko 72.70Ko 4.49%

Catégories

Derniers articles

Je vous propose une petite compilation d'astuce et bout de code pour les...

> Lire la suite...

Dans cette article, je vous propose de découvrir comment intégrer un slider...

> Lire la suite...

A propos de l'auteur

Passionné d'informatique depuis les années 2000 et plus particulièrement par le monde du web, j'en ai fait mon métier (Chef de projets Web et auto-entrepreneur). J'ai décidé de créer ce blog afin de vous faire profiter d'astuces et de ressources autour de CMS Made Simple, HTML/CSS, JavaScript, Webdesign, ....