88 %. C’est la réduction de poids obtenue par Target Internet sur une image de test de 9,83 Mo, ramenée à 1,22 Mo avec Squoosh. Nous parlons d’un outil gratuit, accessible sans inscription, qui réalise cette prouesse directement dans le navigateur. Pas d’upload vers un cloud inconnu, pas d’abonnement mensuel. Juste un bac à sable d’optimisation que Google Chrome Labs a mis à disposition des développeurs et des créateurs de contenu.
Squoosh n’est pas qu’un simple compresseur en ligne. C’est un laboratoire visuel qui permet de comparer, format par format, l’impact de chaque paramètre sur la qualité et la taille du fichier final. En 2026, alors que les images représentent en moyenne plus de 50 % du poids d’une page web, savoir utiliser Squoosh devient un réflexe aussi utile que connaître les raccourcis clavier de son éditeur de code.
Un compresseur en local, sans cloud, ni limite de taille
Une interface glisser-déposer, un curseur orange qui divise l’aperçu en deux, une colonne de réglages à droite. Sous le capot, l’outil exploite des codecs comme MozJPEG, OptiPNG ou le jeune AVIF, et applique les transformations sans jamais faire transiter vos fichiers par un serveur distant. Tout le traitement s’effectue côté client, via WebAssembly et les Web Workers du navigateur: une image confidentielle reste sur votre machine. Un outil local-first ne dépend d’aucun cloud propriétaire, ne craint ni changement tarifaire ni fermeture de service, et fonctionne hors ligne une fois la page chargée en mode PWA.
Compresser une image avec Squoosh, réglage par réglage
Ouvrez squoosh.app dans un navigateur moderne. L’interface est en anglais, mais chaque paramètre reste visuel: vous n’avez pas besoin de comprendre l’algorithme pour voir le résultat.
Glissez votre image dans la zone prévue, ou cliquez pour la sélectionner. Par défaut, Squoosh affiche un aperçu côte à côte: original à gauche, version compressée à droite. Le curseur central vous permet de comparer le grain, les aplats et la netteté.
En bas à droite, vous choisissez le format de sortie. Squoosh propose MozJPEG, OptiPNG, WebP, AVIF, ainsi que des formats moins courants. Le panneau « Advanced settings » déploie ensuite les options propres à chaque codec: taux de compression, réduction du sous-échantillonnage de la chrominance, lissage, palette de couleurs. La prévisualisation est instantanée.
Choisir le format de sortie
Le format détermine à la fois la taille et le rendu visuel. En 2026, voici les usages qui se dégagent:
- MozJPEG: idéal pour les photographies. Une qualité à 75 % divise le poids par trois tout en conservant des détails acceptables pour le web.
- OptiPNG: à réserver aux images avec transparence ou aux interfaces graphiques. Squoosh applique une compression sans perte qui réduit le fichier sans toucher à l’apparence.
- WebP: le compromis moderne. Google indique que les images WebP lossless sont 26 % plus petites que leur équivalent PNG, et les versions lossy 25 à 34 % plus légères que les JPEG à qualité équivalente (Google Developers, 2018). Supporté par tous les navigateurs actuels.
- AVIF: encore plus efficace que WebP sur les photos, avec un meilleur rendu des dégradés. La compression peut être très agressive, mais le temps d’encodage s’allonge sensiblement.
Ajuster la compression sans perdre le contrôle
Une fois le format sélectionné, vous manipulez un curseur qui va de 0 à 100. Contrairement à d’autres outils, Squoosh met à jour l’aperçu compressé en temps réel. Vous pouvez donc pousser la compression jusqu’à ce qu’un artefact apparaisse, puis remonter d’un cran. Target Internet rapporte que la plupart des photos restent impeccables à 80 % de qualité JPEG.
Le panneau permet aussi de réduire la palette de couleurs. Passer de 256 à 128 couleurs sur un PNG avec aplats fait gagner plusieurs dizaines de kilo-octets sans altération visible.
Redimensionner et pivoter
Sous l’onglet « Resize », vous pouvez modifier la largeur, la hauteur ou appliquer un pourcentage de réduction. L’intérêt de Squoosh est que le redimensionnement se produit après la compression, donc l’aperçu reste fidèle au rendu final. Si vous préparez des vignettes pour une galerie, vous pouvez chaîner un redimensionnement à 400px de large et une compression WebP à 70 % en une seule opération.
Squoosh en ligne de commande: le build que les développeurs attendaient
Squoosh n’est pas seulement une interface web. Le dépôt GitHub officiel (GoogleChromeLabs/squoosh) met à disposition une API Node.js et un CLI. Cette version build automatise ce que l’interface fait à la main.
En installant @squoosh/cli via npm, vous lancez des compressions par lot avec des paramètres prédéfinis. Un script réduit un dossier de captures d’écran en une commande:
npx @squoosh/cli --webp '{"quality":75}' -d./output./input/*.pngLa CLI tourne sur vos propres machines, sans API distante: un avantage pour les amateurs de self-hosted, et l’intégrer dans une chaîne CI/CD revient à ajouter un script npm (des exemples d’intégration Webpack sont fournis). Par rapport à des librairies comme Sharp ou ImageMin, vous étalonnez votre réglage sur l’app web, puis reportez les paramètres en ligne de commande avec la certitude d’obtenir le même résultat.
Comparaison qualité vs taille: jusqu’où pousser Squoosh sans dégrader l’image
La promesse de Squoosh, c’est le compromis entre poids et fidélité visuelle. Encore faut-il savoir où placer le curseur.
Une photographie de paysage en haute résolution (6000×4000 px, 9,8 Mo en JPEG) descend à 1,2 Mo avec MozJPEG à 70 % et un sous-échantillonnage 4:2:0. La perte de détail est imperceptible à l’écran, même sur un moniteur 4K, alors que le gain de chargement est immédiat. D’après Kinsta, 74 % des visiteurs quittent un site qui met plus de 5 secondes à charger; rogner 7 Mo sur une image de héros réduit ce risque mécaniquement.
Pour les illustrations vectorielles et les captures d’interface, l’écart entre PNG et WebP lossless est plus serré: Squoosh réduit le fichier de 30 % sans passer en lossy, ce qui garantit des textes nets et des icônes sans artefacts. Les images avec de larges aplats, comme les bannières, tirent profit du format AVIF ou WebP avec un lissage léger. Sur ce type de visuel, l’AVIF descend plus bas que le WebP, au prix d’un encodage plus lent; sur une image isolée, ce surcoût de temps ne se remarque pas. Squoosh affiche le taux de compression final et l’estimation du gain, ce qui évite de tâtonner.
Squoosh face aux alternatives payantes: ce qu’il fait mieux, et ses limites
Squoosh est gratuit, open source, et ne vous impose jamais de logo ou de filigrane. Pourtant, il n’est pas seul sur le marché. Des outils comme TinyPNG, ImageOptim ou ShortPixel offrent des services d’optimisation, parfois avec une API.
La force de Squoosh, c’est sa liberté de réglage. Là où TinyPNG applique une recette opaque de compression, Squoosh vous donne la main sur chaque paramètre. Si vous voulez un JPEG progressif avec une chrominance réduite à 4:2:0 et un lissage de 5, vous pouvez, et vous voyez immédiatement le résultat.
En revanche, Squoosh ne propose pas de compression par lot dans son interface graphique. Si vous devez traiter des centaines d’images à la fois, une solution comme ImageOptim ou une commande squoosh/cli en script reste plus rapide. Squoosh n’affiche pas non plus de tableau de bord d’optimisation, ce qui peut rebuter les gestionnaires de contenu qui veulent un simple bouton « tout compresser ».
Pour les développeurs, l’absence de watermark, le mode hors ligne et la souplesse du CLI compensent largement ces limitations. Une fois l’outil intégré dans un build, la question du traitement par lot ne se pose même plus.
Une version desktop portable est aussi disponible sur SourceForge. Elle encapsule l’app web dans un wrapper Electron, ce qui donne un lancement en deux clics sur Windows ou macOS, sans dépendre d’un navigateur. Une alternative pratique pour travailler sur des fichiers volumineux sans connexion stable.
Squoosh en 2026: pourquoi il reste l’outil de choix pour ceux qui publient des images sur le web
En 2026, la plupart des CDN proposent une compression automatique. Cloudinary, Cloudflare Polish ou l’extension WebP de certains hébergeurs appliquent des optimisations à la volée. Faut-il encore utiliser un outil manuel comme Squoosh?
La réponse est oui, chaque fois que vous voulez maîtriser la qualité. Les optimiseurs automatiques nivellent la compression par le bas, parfois avec des artefacts visibles sur les visages ou les textes. Avec Squoosh, vous choisissez le curseur optimal pour chaque visuel, puis vous confiez le fichier déjà optimisé à votre CDN.
Les sites qui diffusent beaucoup d’images, comme un hébergeur pour forums tel que Zupimage, s’appuient sur des pipelines d’optimisation pour éviter d’envoyer des fichiers de 10 Mo à leurs utilisateurs. Squoosh applique le même principe, à la main, pour une image isolée. Même un site de streaming comme Minziv.com affiche des affiches et des vignettes dont le poids pèse sur le temps de chargement.
Le code source est ouvert, audité par la communauté, et utilisé par Google Chrome Labs pour tester les nouveaux codecs. Squoosh n’est pas un service qui peut fermer du jour au lendemain: c’est un outil que vous pouvez forker et maintenir vous-même.
Questions fréquentes
Squoosh est-il sûr pour des images confidentielles?
Oui. Squoosh ne transfère jamais vos images vers un serveur externe. Tous les traitements se déroulent dans le navigateur, via des API locales. Vous pouvez même désactiver votre connexion après le chargement initial de la page pour le vérifier.
Quelle différence entre la version web et la version desktop?
La version desktop (téléchargeable sur SourceForge) encapsule l’app dans Electron, ce qui permet de l’utiliser comme une application native, avec un accès direct au système de fichiers, sans ouvrir de navigateur. Les deux partagent le même moteur de compression.
Squoosh supporte-t-il les images animées (GIF, APNG)?
Squoosh peut ouvrir un GIF animé et en extraire les images fixes, mais il ne compresse pas les animations. Pour convertir une animation en WebP animé ou en AVIF animé, il faut se tourner vers des outils comme FFmpeg.
Pourquoi mon image WebP est-elle plus lourde que le PNG d’origine?
Cela arrive avec des images très simples contenant peu de couleurs. Le format PNG gère mieux les faibles palettes que WebP lossless. Dans ce cas, diminuez la palette du PNG dans Squoosh plutôt que de forcer le passage au WebP.
Puis-je intégrer Squoosh dans mon propre site web?
Oui. Vous pouvez importer les modules @squoosh/lib ou utiliser la CLI en backend pour proposer une compression automatique à vos utilisateurs. Le dépôt GitHub contient des exemples d’intégration.
Votre recommandation sur squoosh en 2026
Quelques questions rapides pour adapter la recommandation à votre cas.
Merci, voici notre conseil personnalisé sur squoosh en 2026.
D'après vos réponses, le mieux est de reprendre l'article ci-dessus en focalisant sur les passages qui parlent de votre situation : c'est là que se trouvent les recommandations les plus concrètes pour vous. Bonne lecture !
