Squoosh ou comment réduire la taille d’une image dans son navigateur ?

Comment utiliser Squoosh comme un pro ?

1. Rendez-vous sur le site Squoosh.app proposé par Google Chrome Labs.

2. Vous pouvez faire un simple glisser-déposer de votre image ou la sélectionner depuis son répertoire pour l’insérer dans Squoosh.

3. Pour notre tutoriel, j’ai photographié l’une de mes figurines avec mon smartphone. L’image originale pèse plus de 6 Mo. L’encodeur de compression configuré par défaut annonce une image plus légère de 90 %, soit 621 Ko. Les changements sont quasiment invisibles à l’œil nu.  

4. Vous pouvez réduire encore la taille de votre image en glissant la molette « quality » sous MozJPEG vers la gauche. Sur notre exemple, nous pouvons atteindre une réduction de la taille de 98% sans que cela ne soit visible à l’œil nu. Nous obtenons ainsi une image de 134 Ko.

Vous pouvez également changer l’encodeur de compression, mais nous vous conseillons d’utiliser le réglage par défaut qui fait des miracles.

5. Squoosh permet également de redimensionner ses images. Cochez la case « Resize » pour modifier la résolution. Ne décochez pas la case « maintain aspect ratio » si vous souhaitez garder le format de l’image original (16:9, 4:3, 1:1 etc.). Dans notre exemple nous passons d'une résolution de  4352 x 3264 à 3000 x 2250 pour obtenir une image finale pesant seulement 71.6 Ko. Pas mal non ?

Les utilisateurs les plus curieux pourront s’amuser en cochant la case « Show advanced settings » située en bas à droite, pour s’aventurer dans les paramètres avancés de l’application et voir réellement ce qu’elle a dans le ventre. D’ailleurs le code source de Squoosh est disponible sur Github.  

NB : L'application est encore en cours de développement, des bugs sont susceptibles d’apparaître.