Comment optimiser les images pour des sites web plus rapides

Les images sont généralement les fichiers les plus volumineux de toute page web. Les images non optimisées sont la raison numéro un pour laquelle les sites web se chargent lentement, ce qui nuit directement à l'expérience utilisateur, aux taux de conversion et au classement dans les recherches Google. Google utilise les Core Web Vitals comme signal de classement, et la vitesse de chargement en est un composant essentiel. Le moyen le plus rapide d'accélérer un site web est d'optimiser ses images.

Pourquoi l'optimisation des images est importante pour le SEO

Google l'a dit explicitement : la vitesse de chargement affecte le classement. Leur métrique Largest Contentful Paint (LCP) mesure spécifiquement la rapidité de chargement du plus grand élément visible, qui est presque toujours une image. Si votre LCP dépasse 2,5 secondes, vous perdez des positions de classement au profit de concurrents ayant des sites plus rapides. Pour le e-commerce, Amazon a constaté que chaque 100 ms de temps de chargement supplémentaire leur coûtait 1 % de ventes.

Les quatre piliers de l'optimisation des images

1. Choisir le bon format

Le choix du format est le facteur le plus déterminant pour la taille du fichier image :

• WebP devrait être votre format par défaut pour les images web. Il est 25 à 35 % plus petit que JPEG à qualité identique et prend en charge la transparence. Utilisez le convertisseur JPG vers WebP de fileGOD ou le convertisseur PNG vers WebP pour la conversion par lots.
• JPEG pour les photographies lorsque WebP n'est pas pris en charge par votre plateforme.
• PNG uniquement lorsque vous avez besoin de transparence et que vous ne pouvez pas utiliser WebP.
• SVG pour les logos, icônes et graphiques simples. Les SVG sont minuscules et se redimensionnent à l'infini.

2. Compresser avant d'envoyer

Chaque image devrait être compressée avant d'être mise sur votre site web. La compression moderne peut réduire la taille des fichiers de 60 à 80 % sans perte de qualité visible.

• Utilisez la compression JPEG pour les photographies à une qualité de 75 à 85.
• Utilisez la compression PNG pour les graphiques et captures d'écran.
• Pour les images hero et les grandes bannières, les économies sont les plus spectaculaires. Une image hero de 5 Mo compressée à 200 Ko fait une différence considérable en temps de chargement.

3. Redimensionner aux dimensions d'affichage réelles

C'est l'optimisation la plus négligée. Si votre site web affiche une image à 800 px de large, n'envoyez pas une image source de 4000 px en laissant le navigateur la réduire. Le navigateur télécharge quand même le fichier complet. Redimensionnez vos images aux dimensions d'affichage réelles avant de les mettre en ligne.

Pour les sites responsive, préparez 2 à 3 tailles (petite pour mobile, moyenne pour tablette, grande pour ordinateur) et laissez le navigateur choisir la bonne avec l'attribut srcset.

4. Supprimer les métadonnées inutiles

Les données EXIF (modèle d'appareil photo, coordonnées GPS, horodatages) ajoutent 10 à 50 Ko par image. Elles ne servent à rien sur un site web et peuvent représenter un risque pour la vie privée si des données GPS sont incluses. Supprimez les métadonnées de toutes les images web avant de les mettre en ligne.

Checklist d'optimisation rapide

• Convertir les photographies en WebP (ou JPEG si WebP n'est pas une option)
• Redimensionner aux dimensions d'affichage réelles, pas plus grandes
• Compresser à une qualité de 75 à 85 pour les photos
• Supprimer les métadonnées EXIF
• Utiliser des noms de fichiers descriptifs et du texte alt (aide au référencement d'images)
• Implémenter le chargement différé pour les images sous la ligne de flottaison

Toutes les opérations de fichiers ci-dessus peuvent être effectuées dans votre navigateur avec fileGOD. Pas d'envoi vers des serveurs tiers, pas d'abonnement, et vous pouvez traiter plusieurs images à la fois par lots.