Optimisation Images | Squoosh.app

Description Squoosh App

Squoosh est une application en ligne conçue par l’équipe Google Chrome Labs pour aider les utilisateurs à réduire facilement en quelques clics la taille des fichiers images sans altérer leur qualité visuelle. 

Pour cela, l’outil dispose des fonctionnalités de pointe pour l’optimisation des images et chose intéressante, Squoosh est complètement gratuit. Il prend en charge une large gamme de formats Web (JPG, MozJPEG, WebP, PNG) et est également disponible en tant que projet open source sur GitHub. 

Qu’est-ce que Squoosh App ? 

Squoosh reste l’une des solutions de compression et de redimensionnement d’image pour le web les plus faciles à utiliser et en même temps hautement personnalisables que vous trouverez. 

L’outil est le fruit d’un projet de développement open source créé par l’équipe Google Chrome Labs pour fournir aux utilisateurs de meilleures fonctionnalités d’optimisation d’image. 

En effet, au vu des fonctionnalités que propose Squoosh App, l’outil reste une alternative efficace à bon nombre de solutions payantes d’optimisation d’images. 

Squoosh vous permet de voir en temps réel les améliorations que vous apportez à votre image et sa taille de fichier exacte. 

Ainsi, vous pouvez facilement comparer les résultats et évaluer le nombre d’octets que Squoosh vous a fait économiser.

L’outil fonctionne directement en ligne en tant que logiciel web et dispose d’une fonctionnalité qui permet de continuer à optimiser votre image même en étant hors connexion.

Une fois les modifications terminées, vous pouvez sauvegarder la version optimisée de l’image en local sur votre machine. 

De plus, si vous le souhaitez, vous pouvez télécharger la version application de bureau pour installer et utiliser l’outil directement sur votre ordinateur. 

La version web de Squoosh reste assez simple à utiliser et peut être facilement prise en main même par des débutants en modification d’image.

Pour les développeurs qui souhaitent consulter le code source de l’outil, Squoosh est également disponible comme un programme open source sur GitHub. 

Squoosh App : Comment utiliser l’outil pour optimiser vos images

Selon votre maîtrise des fonctionnalités de Squoosh, vous pouvez procéder à une compression simple ou avancée de vos images. 

Pour permettre à tout le monde de réussir à reproduire les différentes étapes qui seront présentées dans ce guide, nous allons nous contenter de montrer comment utiliser Squoosh pour une compression simple : 

• Pour commencer, vous devez vous rendre sur la page d’accueil de Squoosh 
• Chargez ensuite l’image à compresser. Pour cela, vous avez le choix de glisser-déposer l’image ou de l’importer depuis le sélecteur de fichier. 

Après une importation, Squoosh affiche les images par défaut à une taille d’image de 100%. Pour les images trop grandes, vous pouvez légèrement dézoomer afin de voir l’image dans son entièreté sur votre tableau de bord Squoosh.  

Une fois l’image chargée sur Squoosh, il est important de l’évaluer afin de savoir clairement ce qu’il y a à faire pour l’optimiser. 

Pour cela : 

Quelle est la taille idéale d’images dont vous avez besoin pour offrir une meilleure expérience utilisateur à vos visiteurs ? 

S’il s’agit d’une image qui n’occupera que la moitié de la fenêtre, une dimension de 600 ou 700 pixels de large serait déjà suffisante. 

Quel est le type de fichier idéal pour votre image ? 

Le type de fichier est aussi un aspect important à examiner avant de procéder à l’optimisation de votre image. 

Choisir un type de fichier revient aussi à choisir le type de compression qui sera utilisé pour l’image. 

Le fait est que toutes les images n’ont pas les mêmes exigences. Certaines peuvent nécessiter un arrière-fond clair, d’autres un nombre important de couleurs. 

Choisir le bon type de fichier de compression contribue grandement dans l’optimisation de l’image. 

Voici la liste des formats d’images pris en charge par Squoosh : 

• JPG – Recommandé pour les photos, les dégradés et autres images avec beaucoup de couleurs 
• PNG – Recommandé pour les images avec un arrière-fond clair et des illustrations avec peu de couleurs
• WebP – Recommandé pour les images avancées (Ne fonctionne pas sur tous les navigateurs) 
• AVIF – Recommandé pour les images avancées (Ne fonctionne pas sur tous les navigateurs) 

Une fois que vous avez une idée de la taille idéale et du type de format qui convient pour vos fichiers images, vous pourrez ajuster les paramètres proposés par Squoosh. 

Ensuite, vous pouvez télécharger la version optimisée de votre image en cliquant sur le bouton de téléchargement en bas à droite de votre écran. 

Le fichier sera stocké dans votre emplacement par défaut de téléchargement. 

Squoosh App : Comprendre l’interface de l’outil

Lorsque vous importez une image sur Squoosh pour la première fois, vous pourrez vous sentir un peu perdu avec toutes les options que propose l’outil. 

Pour vous aider à vous familiariser  avec l’outil, nous allons passer en revue quelques différents essentiels que vous trouverez votre interface Squoosh : 

Le curseur avec des flèches roses et bleues : Il s’agit du curseur qui divise votre image en deux parties : ‘avant’ et ‘après’. 

La partie à gauche montre un aperçu de l’image d’origine et celle de droite montre un aperçu de la version compressée. Ce curseur peut être glissé vers la gauche et la droite  pour modifier les deux parties. 

Toutefois, il faut reconnaître qu’il est un peu difficile de voir la différence entre les deux parties. Le fait est que les paramètres d’optimisation par défaut que propose Squoosh sont assez similaires. 

Les paramètres d’optimisation (situés à votre droite) : Dans le coin inférieur droit de votre écran, vous avez des options d’optimisation qui permettent de contrôler la façon dont l’image sera compressée. 

Ces paramètres prennent en compte le format de compression, les options de redimensionnement et bien d’autres. 

Nous ne pourrons pas parcourir toutes les options proposées par l’outil dans ce guide. Toutefois, vous pouvez vous amuser à les essayer pour voir le rendu et choisir celles qui vous conviennent le mieux. 

Les paramètres de l’image (situés à votre gauche) : La partie à gauche est réservée à priori pour avoir un aperçu du fichier image d’origine que vous avez chargé sur Squoosh. Mais elle peut aussi être utilisée pour comparer deux différentes versions compressées de la même image. 

Pour cela, cliquez sur les flèches situées dans la barre intitulée “Edit” pour copier les paramètres de compression (à droite) et les remplacer par celles de l’image d’origine (à gauche). 

L’aperçu d’origine devrait être écrasé. Vous pourrez alors continuer à modifier l’image (dans la partie à droite) afin de comparer cette nouvelle version compressée de l’image à l’ancienne. 

Les contrôles de téléchargement :  En bas de chaque partie, vous pouvez voir la taille finale du fichier image ainsi que le pourcentage de réduction par rapport à la version d’origine. Des 2 côtés vous disposez également d’un bouton de téléchargement pour sauvegarder les nouveaux fichiers images compressés.  

Squoosh App : La version application de bureau 

Squoosh existe également sous forme d’une application de bureau que vous pouvez télécharger et installer sur votre ordinateur. 

Cette version desktop de l’outil offre : 

• Une manipulation plus facile des images 
• Une meilleure qualité d’image 
• La possibilité de modifier vos images hors connexion
• Une interface plus grande 
• 100% gratuit

Squoosh App : Avantages et Inconvénients 

Squoosh n’est pas la seule application de compression d’image, mais l’outil ne fait aucun doute parmi les meilleurs.

Avantages 

• Interface utilisateur conviviale et facile à prendre en main
• Respect de la vie privée 
• Possibilité de voir les ajustements en temps réel 
• Outil entièrement gratuit 

Inconvénients 

• Ne peut traiter qu’une seule image à la fois