Une des clés pour garantir à vos visiteurs une expérience utilisateur fluide et agréable se trouve dans l’optimisation des temps de chargement. A cet égard, les images sont souvent un goulot d’étranglement qui mérite notre attention. Photoshop est souvent utilisé pour la conversion des images aux formats PNG, JPG ou GIF, mais il ne dispose pas du meilleur algorithme de compression. Voici une vingtaine d’outils pour mieux compresser vos images et améliorer les performances de votre site :
Outils en ligne
- PunyPNG — Réduit le poids des fichiers PNG, JPEG et GIF
- Smush.it — Compresse les images au format PNG
Logiciels à installer
ScriptPNG et ScriptJPG sont des logiciels pour Windows 32 bits permettant d’optimiser les fichiers images en utilisant différents niveaux de compression pour réduire la taille des fichiers :
- ScriptPNG convertit les formats GIF, BMP, JPG, PCX, ou TGA vers le formats PNG.
- ScriptJPG optimise les fichiers JPG grâce à un algorithme avec ou sans perte en fonction de la qualité d’image que vous voulez.
Autres outils
- AdvanceCOMP
- CryoPNG
- OptiPNG
- PNGCrush
- PNGOptimizer
- PNGOUT
- PNGRewrite
- PNGWolf
- TruePNG
- DeflOpt
- defluff
- Huffmix
- PrePNG
- pngquant
- pngnq
- Color Quantizer
→ Comparatif entre les différentes solutions. Merci @nhoizey pour le lien o/
Articles sur le même sujet
PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car Il n'y pas d'amour, il n'y a que des preuves d'amour
(Jean Cocteau) ;) Merci d'avance.
Afin de satisfaire le plus grand nombre, j'ai ajouté
un bouton Flattr parce que vous le valez bien ;)
Il y a également jpegmini.com qui propose un service en ligne pour compresser ses jpeg. Jusqu’à 8 fois moins de poids et une altération de la qualité invisible à l’œil nu. A utiliser sans modération !
Smush.it est plutôt bien foutu, il est doté d’une API. Il y a par exemple un plugin WordPress qui l’exploite et qui optimise automatiquement les images :)
On peut également signaler ImageOptim (pour mac) qui intègre plusieurs scripts d’optimisation : http://imageoptim.com/
Également pour les png avec transparences : ImageAlpha http://pngmini.com/
Sympa cette liste :) Je rajouterais ces 3 là: - JPEGMini http://www.jpegmini.com/main/home - Trimage http://trimage.org/ - Smusher https://github.com/grosser/smusher
Woooow, effectivement, après avoir rapidement testé PunnyPNG, je me rend compte que, sans avoir perdu de qualité graphique à l’oeil (et j’ai de bons yeux^^) j’arrive à compresser mes images pour avoir un poids jusqu’à 30% inférieur (selon l’image) à celle qui a été enregistré via photoshop.
Impressionnant !!! Et merci pour cette liste forte utile ;D
Logiciel Adobe qui fait ca très bien aussi : Image Ready. Et l’interface d’enregistrement pour le web d’Adobe Photoshop a de plus en plus d’options qui permette d’optimiser à sa guise les images JPG, PNG, GIF, Bitmap, …
Essayez cet outil: http://compresspng.com Son taux de compression est beaucoup mieux.