Squoosh : Comment optimiser vos images en ligne facilement avec cet outil open source

Compresser une image sans logiciel, sans compte et sans l’envoyer sur un serveur : c’est la promesse de Squoosh, l’application web open source de Google Chrome Labs. Voici comment l’utiliser concrètement, quels formats de sortie elle propose réellement, et comment mesurer le gain sur vos propres fichiers plutôt que de vous fier à une moyenne.

Qu’est-ce que Squoosh et comment fonctionne-t-il ? #

Squoosh est une application web de compression d’images publiée par Google Chrome Labs. Le dépôt public a été créé en mars 2018 et le code est diffusé sous licence Apache 2.0 : le projet est donc bien open source, et n’importe qui peut lire ce que fait réellement l’outil.

Son principe technique est ce qui la distingue le plus : la documentation officielle du projet indique que votre image n’est pas envoyée sur un serveur — l’ensemble du traitement de compression s’exécute localement, dans votre navigateur. Cette même documentation précise en revanche que l’application utilise Google Analytics pour collecter des données de visite basiques, ainsi que la valeur du poids de l’image avant et après compression (et, dans le cas de l’installation en PWA, le type et la date d’installation). C’est une nuance utile à connaître : le fichier reste chez vous, une métrique de poids remonte.

À lire Comment la communauté open source propulse l’innovation chez les développeurs

L’application se présente sous forme de Progressive Web App — un manifeste d’installation est bien servi par le site — ce qui permet de l’ajouter comme application sur son appareil. Sa description officielle résume son intention : compresser et comparer des images avec différents codecs directement dans le navigateur.

Ce que la compression des images apporte à un site #

Alléger ses images reste l’un des leviers les plus directs sur le confort de navigation : moins d’octets à télécharger, c’est un affichage plus rapide, une consommation de données réduite pour les visiteurs en mobilité, et des serveurs moins sollicités. Sur un site éditorial ou une boutique, les visuels représentent très souvent la part la plus lourde d’une page.

En revanche, aucun pourcentage de gain n’est transposable d’un site à l’autre. Le rapport entre le poids d’origine et le poids compressé dépend de l’image elle-même — une photographie riche en textures, un aplat de couleur ou une capture d’écran ne réagissent pas de la même manière au même codec, au même réglage. C’est précisément pour ça que Squoosh affiche le poids avant et après : la seule mesure qui vaille est celle réalisée sur vos fichiers. Méfiez-vous des promesses chiffrées universelles ; testez, comparez, décidez.

Comment utiliser Squoosh : la procédure pas à pas #

La prise en main ne demande pas d’apprentissage particulier. Voici le déroulé type ; l’interface étant susceptible d’évoluer, considérez ces étapes comme la logique de l’outil plutôt que comme une suite de clics figée.

À lire Supabase : Guide Développeur Complet 2026

1. Ouvrez l’application officielleRendez-vous sur squoosh.app, le site officiel du projet. Aucune inscription n’est demandée, aucun logiciel à installer.
2. Chargez votre imageGlissez-déposez le fichier dans la fenêtre, ou sélectionnez-le via le sélecteur du navigateur. Partez toujours de l’original le plus qualitatif : on ne récupère pas une qualité déjà perdue.
3. Choisissez le codec de sortieSélectionnez le format de compression visé dans la liste des encodeurs proposés (voir le tableau ci-dessous). C’est le choix qui pèse le plus sur le résultat final.
4. Réglez qualité, dimensions et paletteLe dépôt du projet embarque un module de redimensionnement et un module de réduction de palette (quantization), en plus des réglages propres à chaque encodeur. Redimensionner à la taille réellement affichée est souvent le gain le plus rentable, avant même de toucher au taux de compression.
5. Comparez, puis téléchargezContrôlez le rendu compressé face à l’original et surveillez le poids affiché. Si l’image tient visuellement, descendez encore ; dès qu’un artefact apparaît sur une zone sensible (visage, dégradé, texte), remontez d’un cran, puis téléchargez le fichier.

Formats d’image supportés et pertinence selon les usages #

Au 1^er septembre 2026, les encodeurs présents dans le dépôt du projet sont les suivants : AVIF, WebP, WebP v2, JPEG XL, MozJPEG, OxiPNG, QOI, ainsi que les encodeurs JPEG, PNG et GIF fournis par le navigateur. Côté lecture, le projet embarque des décodeurs pour AVIF, JPEG XL, QOI et WebP v2 ; pour le reste, l’import dépend des formats que votre navigateur sait décoder.

Squoosh face aux autres compresseurs : ce qui se vérifie #

Beaucoup de comparatifs opposent des outils sur des chiffres invérifiables. Deux critères, eux, se contrôlent en quelques minutes et méritent de guider votre choix.

Premier critère : où votre fichier est traité. La documentation de Squoosh affirme explicitement que l’image n’est pas envoyée sur un serveur. Pour un service en ligne concurrent, la question à poser est la même : le fichier quitte-t-il votre machine, où est-il stocké, et combien de temps ? C’est un point déterminant si vous manipulez des visuels non publiés, des documents clients ou des données sensibles.

Second critère : le choix des codecs et la comparaison à l’écran. Un outil qui applique un réglage unique vous donne un résultat ; un outil qui vous laisse essayer plusieurs encodeurs sur la même image vous donne une décision. Pour le reste — tarifs, quotas, limites de volume —, ne vous fiez qu’à la page de tarification de l’éditeur concerné au moment où vous lisez : ces conditions changent sans préavis.

À lire Incrémentale : Définition et Applications Dev

Optimisation SEO des images : ce que Squoosh règle, et ce qu’il ne règle pas #

Le poids des images pèse sur la vitesse d’affichage, et la vitesse fait partie des signaux d’expérience de page suivis par Google via les Core Web Vitals. Compresser proprement ses visuels agit donc sur un maillon réel de la chaîne — mais un seul maillon. Aucune compression ne fait progresser un contenu faible, et personne ne peut promettre un gain de position chiffré.

Les bonnes pratiques qui complètent la compression relèvent, elles, de votre CMS et non de l’outil :

Mesurer le gain réel sur vos propres images #

Plutôt que de reprendre des moyennes vues ailleurs, construisez votre propre référence. La méthode tient en quatre gestes et se reproduit en une demi-heure.

1. Constituez un échantillon représentatif : trois à cinq images qui reflètent vos usages réels (une photo produit, un visuel d’article, un logo, une capture). 2. Notez le poids d’origine de chacune. 3. Passez-les dans Squoosh avec deux ou trois codecs différents, à qualité comparable, en relevant le poids obtenu et en contrôlant le rendu à l’écran. 4. Mesurez ensuite l’effet sur une page réelle de votre site, avant et après remplacement, avec l’outil d’audit de performance de votre choix.

À lire Floating : Guide CSS et Techniques 2025

Vous obtiendrez ainsi un ordre de grandeur valable pour vos images — le seul qui vous serve à arbitrer, et le seul que vous pourrez défendre auprès d’un client ou d’une équipe.

Pourquoi choisir Squoosh pour gérer ses images web ? #

Une réserve, en toute transparence : au 1^er septembre 2026, le dépôt n’est ni archivé ni désactivé et l’application répond normalement, mais le dernier commit fonctionnel de sa branche de développement remonte à août 2024 — les mouvements plus récents concernent des branches de mise à jour de dépendances. L’outil est donc en service et pleinement utilisable, mais son rythme de développement s’est nettement ralenti. Pour un usage professionnel durable, gardez une alternative identifiée et vérifiez périodiquement l’état du projet.

Questions fréquentes sur Squoosh #