Comment redimensionner et optimiser vos images avec Squoosh.app

Arnaud
Publié le :
16/9/24
Temps de lecture :
5min
ecran accueil squoosh app

Introduction

Optimiser ses images pour le web est essentiel, que ce soit pour améliorer la vitesse de chargement de votre site ou économiser de l’espace sur votre disque. Heureusement, Google propose un outil pratique et gratuit pour cela : Squoosh.app. Cette application web vous permet de redimensionner, compresser et convertir vos images dans différents formats (WebP, PNG, JPG, etc.) tout en contrôlant leur qualité et leur taille. Dans cet article, je vous montre comment utiliser Squoosh.app pour optimiser efficacement vos images.

Pourquoi optimiser ses images ?

Les images non optimisées peuvent ralentir le temps de chargement d’une page web, ce qui impacte négativement l’expérience utilisateur et le référencement SEO. En réduisant la taille et le poids des images sans compromettre leur qualité, vous améliorez à la fois la vitesse de votre site et son efficacité.

Étape 1 : Accéder à Squoosh.app

Pour commencer, rendez-vous sur le site Squoosh.app. Vous n’avez pas besoin de télécharger ou d’installer quoi que ce soit, l’application fonctionne directement dans votre navigateur.

Étape 2 : Importer une image

Une fois sur la page d’accueil de Squoosh.app, cliquez simplement sur le bouton “Drop or paste” pour importer l’image que vous souhaitez optimiser. Vous pouvez également glisser-déposer une image depuis votre ordinateur.

screenshot squoosh accueil

Étape 3 : Redimensionner l'image

Squoosh vous permet de redimensionner votre image pour ajuster ses dimensions. Cliquez sur l’onglet Resize dans le menu à droite. Ici, vous pouvez :

  • Changer la largeur et la hauteur de l’image en pixels.
  • Conserver le ratio d’aspect pour éviter de déformer l’image.
  • Choisir un type de redimensionnement (Bilinear, Nearest-neighbor, etc.).

screenshot panneau resize squoosh

Étape 4 : Choisir le format de compression

L’un des atouts de Squoosh.app est de pouvoir choisir le format de compression le plus adapté à vos besoins. Vous avez plusieurs options comme :

  • WebP : Idéal pour une compression très efficace sans trop perdre en qualité.
  • JPEG : Bonne option pour les photos, avec un bon compromis entre qualité et taille de fichier.
  • PNG : Parfait pour les images avec fond transparent, mais souvent plus lourd que JPEG ou WebP.

Pour choisir le format, sélectionnez l’onglet Compression à droite, puis choisissez parmi les options disponibles. Vous pouvez également ajuster la qualité de l’image avec un curseur pour équilibrer taille de fichier et rendu visuel.

screenshot panneau compresser squoosh

Étape 5 : Ajuster les paramètres d’optimisation

Squoosh.app vous permet de visualiser en temps réel les changements sur l’image :

  • À gauche : l’image d’origine.
  • À droite : l’image compressée.

Vous pouvez ainsi comparer la qualité de l’image optimisée avec celle d’origine, tout en voyant le poids final du fichier en bas à droite de l’écran. Ajustez les paramètres jusqu’à obtenir un bon compromis entre qualité et taille de fichier.

screenshot rendu et ajuster squoosh

Étape 6 : Télécharger l’image optimisée

Une fois satisfait du rendu et du poids de votre image, cliquez sur le bouton Download pour télécharger votre image optimisée.

screenshot bouton download squoosh

Conclusion

Squoosh.app est un outil simple et puissant pour optimiser vos images rapidement et efficacement. Grâce à ses options de redimensionnement, de compression et de conversion de format, il vous aide à réduire le poids de vos images tout en maintenant une qualité optimale. N’hésitez pas à l’utiliser pour améliorer les performances de votre site web ou optimiser vos images pour d’autres usages.

Testez-le dès aujourd’hui et boostez vos performances avec des images légères et de qualité !