Squoosh, l'outil gratuit pour compresser vos images en ligne et alléger vos pages web

Au rayon des outils en ligne incontournables pour le webdesign dont on n’arrive plus à se passer, voici Squoosh, l’outil ultime pour compresser vos images en ligne. Si vous alimentez un site web ou des articles de blog, Squoosh va vous devenir indispensable pour maîtriser la taille, le poids et le format de vos images et photos.

Imaginez votre site web chargé d’images magnifiques… mais plombé par des fichiers lourds qui ralentissent votre chargement.  Squoosh vous permet de compresser vos images directement dans le navigateur. En quelques clics : importez une image, choisissez un format d'image, ajustez la qualité, puis téléchargez votre visuel jusqu’à 90 % plus léger.

Vos pages gagnent ainsi en vitesse de chargement, vos utilisateurs restent plus longtemps, et Google apprécie. Découvrez comment Squoosh, solution 100 % gratuite et open‑source signée Google, vous aide à réduire drastiquement le poids de vos visuels sans sacrifier la qualité.

Un JPG en Webp ? Un resize de PNG à 75% avec réduction du nombre de couleurs ? C’est possible et rapide grâce l'outil de compression d'images Squoosh.

Squoosh est une web‑app open‑source développée par Google Chrome Labs, conçue pour compresser les images directement dans votre navigateur, sans aucune transmission de données vers un serveur.

Elle fonctionne comme une PWA (Progressive web app) : après un premier chargement, Squoosh est utilisable hors ligne, idéal pour une utilisation rapide et fréquente.

L’interface est claire et intuitive : un slider permet de comparer en temps réel la version originale et la version optimisée, tout en affichant un aperçu du gain de poids.

La promesse est simple : permettre de charger (presque) n’importe quelle image ou photo et se lancer dans différentes optimisations. Chaque format de destination est accompagné d’éléments d’édition (Resize et Palette) et de ses propres caractéristiques de compressions. 

Par exemple, si vous souhaitez passer un fichier png en webp avec Squoosh, vous pourrez entre autre paramétrer : 

• le resize selon différents algorithmes, 
• le nombre de couleurs
• le réglage précis de la qualité ou de l’effort de compression
• le choix d’une compression sans perte (lossless) ou le paramétrage du taux de perte
• les paramètres liés à la gestion de transparence (compression alpha)
• la force des filtres qui joueront sur la netteté ou le lissage des contours
• le contrôle de la conversion RGB vers Y’UV

Squoosh offre bien plus qu’il n’en faut pour la plupart des personnes qui publient des images sur le net. 

• Entièrement gratuit et sans limitation : Squoosh est totalement open-source et 100 % gratuit, sans abonnement ni frais cachés. Vous pouvez l’utiliser autant que vous le souhaitez, sur tous vos projets.
• Compression rapide et efficace : Grâce à des algorithmes avancés (MozJPEG, WebP, AVIF), Squoosh permet de réduire significativement la taille des images, souvent jusqu’à 90 % de gain sans perte visuelle notable.
• Aperçu avant/après en temps réel : Côté interface, le truc en plus de Squoosh, par rapport à un service comme TinyPNG, c’est le slider qui permet de comparer votre fichier image avant - après compression, et donc la qualité initiale et optimisée de votre image, sans surprise.  En bas de chaque partie de l’écran, vous pourrez contrôle le résultat de vos choix en poids absolu et en pourcentage de réduction par rapport au fichier source. 
• Support des formats modernes : Squoosh prend en charge WebP, AVIF, MozJPEG, PNG, JPEG XL, et plus encore, vous permettant de choisir le format le plus performant pour le web.
• Traitement local et respect de la vie privée : Côté sécurisation du traitement de vos images, toutes les opérations se réalisent 100 % côté client, dans votre navigateur : aucune image n’est uploadée sur un serveur extérieur. Cela garantit confidentialité et sécurité, idéales pour les images sensibles ou confidentielles. C’est léger, rapide et donc hyper-respectueux de vos données. En ces temps de grand n’importe quoi dans la gestion des données utilisateurs, notamment dans le but d’alimenter des modèles d’IA, c’est plutôt rassurant. 
• Polyvalent et accessible : Fonctionnant directement dans le navigateur, il est compatible avec Windows, macOS, Linux et Chrome OS, sans installation. Le mode PWA offre un usage offline, même sans internet.
• Contrôle précis et réglages avancés : Pour les utilisateurs plus exigeants, Squoosh offre une compression fine : réglage de la qualité, de l’échantillonnage, de la palette de couleurs, effort de compression… le tout avec retour visuel instantané.
• Impact SEO et performance : En allégeant les images, vous améliorez les temps de chargement, réduisez la bande passante et optimisez les Core Web Vitals (LCP, FID…), ce qui améliore votre score SEO.

Squoosh est proposé par Google Labs. C’est un service accessible en ligne, gratuitement et sans création de compte. Vous pouvez également télécharger une application pour Mac ou PC. Et pour les développeurs, un espace GitHub qui permettra d’intégrer le service dans d’autres réalisations.

1. Ouvrez l’application : Rendez-vous sur squoosh.app dans votre navigateur (Chrome, Firefox, Safari…) ; aucune installation requise, et l’app peut même fonctionner hors ligne en mode PWA.
2. Importez votre image : Qu’il s’agisse du site ou de l'application, l’interface de Squoosh est minimaliste et simple à comprendre : au milieu de la page, dans la surface rose, un + vous invite à glisser-déposer votre image ou à la télécharger depuis votre espace de stockage de votre ordinateur sur un support de stockage. L’image s’affiche immédiatement en plein écran, accompagnée des réglages en bas.
3. Comparez facilement l'image originale et la version compressée : Un slider interactif divise l’écran en deux : à gauche l’image originale, à droite l'image compressée. Faites-le glisser pour visualiser les différences en temps réel. 
4. Choisissez le bon format d'image : Dans le panneau « Compress », sélectionnez le format de sortie :
   MozJPEG : idéal pour les photos (JPG). Par défaut, Squoosh vous propose le format MozJPEG, la compression JPG améliorée proposée par Mozilla. 
   OptiPNG pour les graphiques.
   WebP et AVIF (nouveaux formats web très performants).
5. Ajustez les réglages pour chaque image : Plusieurs options selon le format d'image choisi :
   Resize : modifiez les dimensions pour adapter l’image à votre site (par exemple 1920×1080 px).
   Reduce palette : utile sur les illustrations, en réduisant les couleurs.
   Quality/Effort : ajustez le taux de compression (0–100), ou l’effort pour WebP/AVIF. Un bon compromis qualité/poids se situe souvent autour de 75–85 %.
6. Vérifiez la taille et le gain : Sous chaque panneau, consultez le poids estimé et le pourcentage de réduction du poids par rapport à l’original. Une compression Webp devrait par exemple vous aider à diminuer le poids de votre fichier de plus de 70%. Zoomez pour vérifier la qualité des détails comme les textures ou les visages.
7. Téléchargez l’image optimisée : Quand le résultat vous satisfait, cliquez sur l’icône de téléchargement (coin inférieur droit) pour récupérer votre fichier optimisé. Même avec ce service gratuit, vous obtiendrez votre image sans aucune publicité et sans filigrane mentionnant le service utilisé. Répétez l’opération image par image si besoin.

Astuce : enregistrez vos réglages en preset. Cliquez sur l’icône roue dentée pour sauvegarder vos réglages et les réutiliser facilement sur d’autres images .

Pour la photo que nous avons utilisée, le poids initial était 3.1 Mo pour une taille 5890 x 4000 px. La compression webp pour une largeur de 1000 px pesait moins de 65 ko, soit 98% de réduction !

Pour finir sur un bémol, Squoosh ne permet pas de traitement d'images par lot à la manière de TinyPNG. Il faudra donc traiter vos images une à une avant la publication sur votre site web ou votre blog.