Rendez-vous sur Arrakis

C'est lorsque nous croyons savoir quelque chose qu'il faut justement réfléchir un peu plus profondément. F. Herbert

Bien préparer ses images pour son site web

Voilà un article qui n'aura rien d'original, si ce n'est rappeler un truc tout bête mais essentiel : optimisez vos images avant de les mettre sur votre site (bord*%!@ !)
Non parce que si je veux une image avec des milliards de pixels, je vais sur un site de photo ou de fonds d'écran. Quand je veux lire un article, je n'ai pas besoin d'attendre que l'image se charge.

oooh, mais monsieur, nous on a la fibre, ça se charge très vite...

Tant mieux, mais c'est loin d'être le cas de tout le monde (même pour moi, près de Nantes, qui n'est pas non plus trop isolé).
C'est d'autant plus important pour optimiser la bande passante utilisée par votre serveur, qu'il soit auto-hébergé ou non.
Jetez un oeil à ce site qui simule une bande passante à l'époque du 56k : http://www.loband.org/loband/simulator.jsp
Alors concrètement, comment on fait ?

1. Avec GIMP
Quand vous exportez une image avec gimp, vous pouvez paramétrer quelques options :

Pour un PNG, on décoche un maximum de trucs et on augmente le niveau de compression :

Si vous exportez en JPG, surtout, pensez à cocher "Optimiser" et"Progressif". Une qualité de 75 donne de très bons résultats.

2. En ligne de commande
Il s'agit de ma méthode favorite puisqu'après avoir configuré une action personnalisée sur les images dans le gestionnaire de fichier, c'est accessible via clic-droit.
Enregistrez le script suivant qui optimise les images qu'on lui donne à manger.
Il faut installer imagemagick et optipng.

#!/bin/sh
 # optimise les images
 # dépend de optipng et imagemagick
 
 for i in "$@"; do
     case "$i" in
         *.jpg | *.JPG | *.jpeg | *.JPEG )
             convert "$i" -strip -quality 75 -interlace line "$i" ;;
         *.png | *.PNG ) optipng "$i" ;;
     esac
 done
 
 exit 0
 

Voilà voilà, en espérant accélérer vos sites :)

le 21/12/2017 à 22:13:06, N°55 a dit :

Apparemment, pour réduire la taille des jpeg il y aussi cjpeg du projet MozJPEG de Mozilla.
Ils en parlent ici