On va pas se mentir, les outils de compression d’images pullulent. Il y a ceux qui te refilent un watermark si tu coches pas la bonne case, ceux qui limitent à dix fichiers par jour, ceux qui uploadent ton visuel sur un serveur dont tu ne sais rien. Et puis il y a Squoosh.
Squoosh, c’est l’outil que Google a pondu pour démontrer ce qu’un navigateur moderne peut encaisser. Pas de backend, pas de file d’attente, pas de compte à créer. Tu ouvres une URL, tu glisses une image, le boulot commence. Et tout se passe en local, sur ta machine, grâce aux capacités du navigateur. Ce qui veut dire que même si tu bosses sur un projet sensible, tes fichiers ne quittent jamais ton PC. C’est rare, et ça mérite d’être souligné.
Squoosh, l’outil de compression qui ne prend pas les créateurs pour des pigeons
L’interface de Squoosh se résume à deux panneaux. À gauche, l’image d’origine. À droite, un aperçu en temps réel du résultat après compression. Entre les deux, un slider que tu déplaces pour comparer avant/après. Pas de menus cachés, pas de jargon qui t’oblige à chercher un tuto YouTube.
Derrière cette simplicité, Squoosh embarque une liste de codecs longue comme le bras: MozJPEG, WebP, AVIF, JPEG XL, PNG optimisé, et même quelques formats plus exotiques. Tu choisis le format de sortie, tu ajustes la qualité avec un slider en pourcentage, et tu vois immédiatement l’impact visuel et le poids du fichier résultant. L’aperçu détecte les artefacts, les blocs, les aplats qui dénaturent ton image. Et si le rendu ne te plaît pas, tu changes de codec en un clic.
Le plus fort, c’est que Squoosh te montre aussi la taille compressée estimée en bas du panneau de droite. Tu sais donc, avant même de télécharger quoi que ce soit, si tu passes sous la barre des 100 Ko ou pas. Pour un rédacteur qui optimise les fiches personnages d’un site comme l’univers des Skylanders, c’est le genre de précision qui fait gagner une heure par semaine.
Formats, codecs et slider: le couteau suisse de la compression
Là où beaucoup d’outils te fichent un bouton “compresser” sans explication, Squoosh te laisse mettre les mains dans le cambouis. Tu contrôles la compression chroma, le lissage, le niveau de quantification. C’est overkill pour un utilisateur lambda, mais pour les développeurs et les créateurs de contenu, c’est de l’or en barre.
Prenons le cas de WebP, le format poussé par Google. Squoosh te permet de convertir une image en WebP avec une perte minimale, souvent en divisant par deux le poids d’un JPEG équivalent. Tu peux aussi opter pour du WebP lossless, utile pour les assets avec des aplats de couleurs et du texte. AVIF, le petit frère plus récent, est aussi supporté, avec un gain supplémentaire sur les dégradés et les zones complexes. Le tout sans installer de plugin, sans ligne de commande, juste dans un onglet Chrome ou Firefox.
Pour les créateurs de quiz interactifs, comme ceux qui bidouillent des questions sous Buzz Quiz World, la gestion de la palette de couleurs est critique. Une image trop compressée, et les visuels ronds deviennent flous, les textes illisibles. Squoosh te permet de comparer en un coup d’œil la version originale et la version compressée sur un écran de smartphone simulé, avec un rendu fidèle.
Squoosh vs TinyPNG, ImageOptim et compagnie: pourquoi le local change tout
La comparaison avec les alternatives s’impose, parce que c’est là que Squoosh sort du lot. TinyPNG est rapide, efficace, mais il te limite à 20 images par upload et bosse côté serveur. ImageOptim est génial sur macOS, mais c’est une app native, pas un outil cross-platform accessible sans installation. D’autres services en ligne imposent des quotas ou des abonnements.
Squoosh fait le pari inverse: zéro upload, zéro compte, zéro limite. La seule contrainte, c’est que le traitement est fait par ton navigateur. Ça veut dire que sur une grosse image (genre 20 mégapixels), le temps de compression peut prendre quelques secondes de plus que sur un serveur dédié. Mais ça reste bien plus rapide que de lancer Photoshop, et sans bouffer ta RAM comme un ogre.
Autre point que les comparatifs oublient trop souvent: Squoosh fonctionne hors ligne. Une fois la page chargée en cache, tu peux couper ta connexion et continuer à l’utiliser. Si tu bosses dans un train, un avion, ou que ta fibre fait des caprices, c’est un luxe. Les alternatives basées sur un backend ne peuvent pas en dire autant.
Enfin, Squoosh ne te piste pas avec des analytics agressifs. Pas de fingerprinting, pas de pub déguisée pour un abonnement Pro. C’est un projet open source hébergé sur GitHub, développé par l’équipe Chrome Labs. Ça mérite d’être mentionné, surtout quand on parle d’outils qui manipulent des fichiers potentiellement confidentiels.
Ce que Squoosh change pour la performance de ton site (et ton SEO)
Si tu tiens un site, un blog, ou même un petit portfolio de projets créa, la performance des images est un levier direct sur ton référencement. Google mesure les Core Web Vitals, et le poids des images plombe souvent le LCP (Largest Contentful Paint). Une image non optimisée de 2 Mo qui traîne en haut de page, c’est le genre de détail qui te fait perdre des places sans que tu comprennes pourquoi.
Avec Squoosh, tu peux adopter un workflow simple: tu exportes tes visuels depuis ton logiciel de retouche, tu les passes dans Squoosh pour les convertir en WebP ou AVIF, et tu ajustes la qualité jusqu’à ce que la dégradation devienne perceptible. Pour la plupart des images d’illustration, une qualité réglée à 75% en WebP est indétectable à l’œil nu sur un écran Retina, tout en divisant le poids par trois ou quatre.
On a déjà évoqué l’importance du tri et de la maintenance régulière d’un site dans notre papier sur le nettoyage de printemps. L’optimisation des images fait partie de cette hygiène numérique. C’est moins fun que de tester un nouveau jeu, mais une page qui s’affiche en moins d’une seconde, c’est aussi satisfaisant qu’un frame-pacing parfait.
Pour les sites qui hébergent beaucoup d’assets visuels, comme les portfolios de jeu ou les wikis de personnages, le gain de bande passante est massif. Un site qui charge ses images en WebP plutôt qu’en PNG lourd, c’est un hébergement qui coûte moins cher et des visiteurs qui restent plus longtemps. Surtout sur mobile, où chaque kilo-octet compte.
Squoosh en mode développeur: intégrer la compression dans un pipeline
On ne va pas écrire une documentation technique ici, mais il faut savoir que Squoosh propose une API en ligne de commande (CLI) pour les développeurs qui veulent automatiser la compression dans leurs pipelines de build. Tu peux l’installer via npm, et lancer des traitements par lots sur des dossiers entiers. Les codecs et les options sont les mêmes que dans l’interface web.
Pour les projets web un peu costauds, intégrer Squoosh en CI/CD permet de garantir que chaque image poussée en production respecte un seuil de poids et un format moderne, sans intervention humaine. Ça évite le fameux “oups, j’ai oublié de compresser le screenshot du boss final en 4K”.
L’API supporte aussi le redimensionnement par lot, ce qui est utile quand tu dois générer plusieurs résolutions pour le responsive. Tu peux scripte la création de versions 1x, 2x, et 3x sans repasser par un logiciel de retouche.
Squoosh ne remplace pas un éditeur, il le complète
Gardons la tête froide. Squoosh n’est pas un concurrent de Photoshop, ni même de GIMP. Tu ne feras pas de détourage, de calques, ni de correction colorimétrique avec. C’est un outil de post-traitement: il prend un fichier prêt à être publié, et il le réduit à sa plus simple expression sans perdre l’essentiel.
Si tu as l’habitude de slasher tes PNG dans ImageOptim avant de les uploader sur ton site, Squoosh fait pareil, en mieux, avec plus de formats, et dans ton navigateur. Si tu n’as jamais optimisé une image de ta vie, c’est le point d’entrée parfait: tu glisses, tu compares, tu télécharges. Pas besoin de lire un manuel.
L’équipe Chrome Labs n’a pas ajouté de fonctionnalités sociales, de partage, de stockage cloud. Squoosh fait une chose, et il la fait bien. Dans un écosystème où chaque outil essaie de devenir une plateforme, cette austérité est presque rafraîchissante.
Questions fréquentes
Squoosh est-il vraiment gratuit? Oui. Aucune version payante, aucun abonnement déguisé. Le code source est disponible sur GitHub et le site squoosh.app ne comporte aucune publicité. C’est un projet maintenu par Google Chrome Labs à titre de démonstration technologique.
Mes images sont-elles sécurisées quand je les utilise? Aucune image n’est uploadée. Tout le traitement se fait dans le navigateur, en JavaScript, grâce aux API WebAssembly. Même si tu fermes l’onglet, aucun fichier ne persiste sur un serveur distant.
Puis-je compresser plusieurs images à la fois? L’interface web ne gère pas le traitement par lot natif. Tu dois glisser les images une par une. En revanche, la CLI permet l’automatisation par lots pour celles et ceux qui sont à l’aise avec un terminal.
Squoosh fonctionne-t-il hors ligne? La première visite charge les ressources en cache. Ensuite, tu peux déconnecter ta machine et continuer à utiliser l’outil sans problème, tant que tu ne vides pas le cache de ton navigateur.
Quel est le meilleur format pour le web avec Squoosh? WebP offre le meilleur rapport qualité/poids pour la plupart des images. AVIF est encore plus efficace sur les photos complexes, mais sa compatibilité navigateur est légèrement inférieure. Pour des logos ou des graphiques avec transparence, un PNG lossless compressé via Squoosh peut suffire.
Votre recommandation sur squoosh
Quelques questions rapides pour adapter la recommandation à votre cas.
Merci, voici notre conseil personnalisé sur squoosh.
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 !
