L’optimisation de la compression des images est un facteur important de rapidité de chargement des pages web. Comme je suis dans ma période optimisation, j’ai cherché une méthode permettant de réduire la taille des PNG.
Voici donc, deux outils absolument indispensables:
Pngnq, permet de convertir un fichier PNG en 256 couleurs en définissant une palette de teintes représentant au mieux l’ambiance de l’image.
Optipng, lui, teste plusieurs méthodes de compression afin d’obtenir une image PNG d’une taille optimale. Il supprime aussi toutes les informations inutiles.
Ensuite, il suffit d’utiliser les commandes suivantes pour convertir l’image:
pngnq -vf -s1 image.png
optipng -o7 image-nq8.png
Notez que Pngnq enregistre l’image image.png sous le nom image-nq8.png. Enfin, bien entendu, si la réduction des couleurs donne une image de trop mauvaise qualité, on n’utilisera qu’Optipng.
A titre d’exemple l’image en tête de cet article faisait à l’origine 128ko, et n’en fait plus que 33ko, pourtant la qualité reste correcte.
Pour les utilisateurs de Linux, j’ai fait un petit programme bash afin d’automatiser les commandes:
#!/bin/bash
pngnq -vf -s1 $1.png
optipng -o7 $1-nq8.png
echo "Conversion Terminée !"
Pour l’utiliser, entrez la commande ./png.sh image ou « image » est le nom de l’image sans l’extension et png.sh le nom du fichier dans lequel j’ai entré le script.
Pour l’installation sous Linux (Debian, Ubuntu):
sudo apt-get install pngnq optipng
Ces programmes sont aussi disponibles pour Windows:























9 Utilisateurs ont commenté ce post
Cela fonctionne bien quand je suis dans le répertoire qui contient les images.
Si je donne un chemin (notamment pour le sh) j’ai des erreurs comme quoi il ne peut pas lire le fichier.
Sinon cela fonctionne, mais le gain n’est pas terrible, je suis passé d’un fichier de plus de 800ko à 245ko puis 229,8ko
Je cherche pour le problème de chemin.
Je viens d’essayer, ça fonctionne:
Pour une image nommée « test.png » et placée dans /home/pseudo/Images, il suffit d’entrer la commande suivante:
./png.sh /home/pseudo/Images/image
Voilà, et encore désolé pour le temps de réponse, je suis très pris en ce moment !
++
Etan
Voici le script batch, pour automatiser les conversions sous Windows (à mettre dans un fichier png.bat):
@echo off
pngnq -vf -s1 « %1.png »
optipng -o7 « %1-nq8.png »
echo Conversion Terminée
Et on l’utilise ainsi: png.bat nom_de_l_image
(toujours sans extension le nom)
j’avais comparé des utilitaires pour optimiser les images PNG, et il s’avère que le meilleur est celui qui se trouve là : http://www.css-ig.net/scriptpng
sur le même site, on trouve plein d’infos pour optimiser la qualité et la taille des images!
Merci pour l’info, cet utilitaire à l’air très efficace !
Je vais faire quelques essais ;-)
Dans le même genre j’ai fait un tuto sur pngcrush qui permet de compresser les png sans perte de qualité c’est ce qu’utilise yahoo dans smush it. Si ça vous tente : http://dev.petitchevalroux.net.....x.344.html
Merci de faire partager ! Je ne connaissais pas cette technique.
A tester !
Pingback et Trackback
Laisser un Commentaire