Mis à jour le :
2/10/2024
🌿 J'éco conçois les sites que je crée avec mes clients. Mais pour que le site reste léger et performant, j’explique et je montre toujours comment optimiser leurs images pour le web 🏞️
Il est très important de toujours optimiser ses images avant de les ajouter sur son site.
Voici quelques bénéfices :
💡Pourquoi optimiser le temps de chargement de votre site ?
40% des internautes abandonnent un site web si le chargement prend plus de 3 secondes. Avec un site non optimisé, vous perdez en engagement et en conversion.
💡Tout d’abord, quelques ordres de grandeur pour savoir si une image a besoin d'être optimisée :
◉ Une grande image, comme un bandeau, ne doit pas dépasser une taille de fichier de 140/150 Ko, avec une largeur d’image de 900/1000 pixels.
◉ La plupart des autres images ne doivent pas dépasser 50/60 Ko.
⚙️ Si c’est le cas, voici comment diminuer le poids d’une photo :
Oui mais vous allez me dire, on est pas tous des pros de la retouche et de l'édition d’images 🧐
Et c’est vrai ! Du coup, je vous recommande l’outil en ligne (et gratuit), Squoosh App. Il permet de jouer sur les différents paramètres vus plus haut et il est très simple d’utilisation !
Vous pouvez comparer la qualité d’image avant/après et le petit plus satisfaisant, vous voyez de combien de % vous avez réduit le poids de l’image. 🪶
Juste en dessous, c’est une capture de Squoosh App : je pars d'une image avec un poids de 1,48 Mo.
C'est une image qui a vocation à être utilisée en guise d’accompagnement pour un texte. Elle n'a donc pas besoin d'être aussi lourde ni en qualité HD.
Pour réduire son poids, j’ajoute l’image dans Squoosh App, puis je joue sur différents paramètres :
Grâce à ces ajustements, j’ai réduit son poids de 97% en passant de 1,48Mo à 41Ko.
👍 L’image est prête à être ajoutée sur le site !
Au delà du poids et du format d’image, voici quelques astuces SEO pour vos images :
Si le site a été éco-conçu, il est important de poursuivre cette démarche tout au long de son cycle de vie.
Cela passe notamment par :
Ça ne parait pas forcément grand chose comme ça, mais si vous optimisez bien toutes vos images, vous verrez une vraie différence sur la performance et la vitesse de chargement de votre site 🌠
👉 Et vous, vous optimisez déjà vos images pour votre site web ? Si non, plus d’excuse désormais pour s’y mettre. 😉