Les images représentent en moyenne 50% du poids total d'une page web. Mal optimisées, elles ralentissent votre site, dégradent l'expérience utilisateur et pénalisent votre référencement. Voici comment les optimiser correctement.
Choisir le bon format
- WebP : le format recommandé. 25-35% plus léger que le JPEG à qualité équivalente, supporté par tous les navigateurs modernes.
- JPEG : pour les photos, si vous ne pouvez pas utiliser WebP.
- PNG : uniquement pour les images nécessitant de la transparence (logos, icônes).
- SVG : pour les illustrations vectorielles, logos et icônes. Léger et redimensionnable sans perte.
Compresser sans perdre en qualité
La compression réduit le poids du fichier en supprimant les données invisibles à l'œil nu. Des outils comme TinyPNG, Squoosh ou ImageOptim permettent de réduire le poids de 60 à 80% sans perte de qualité visible.
Dimensionner correctement
Ne chargez jamais une image de 4000px de large si elle s'affiche à 800px. Redimensionnez vos images aux dimensions réelles d'affichage. Utilisez les attributs width et height pour éviter les sauts de mise en page (CLS).
L'attribut alt : indispensable pour le SEO
L'attribut alt décrit le contenu de l'image pour Google (qui ne "voit" pas les images) et pour les utilisateurs malvoyants. Un bon alt est :
- Descriptif : "Rénovation de toiture en ardoise à Bordeaux" plutôt que "image1".
- Naturel : incluez votre mot-clé si c'est pertinent, sans forcer.
- Concis : 5 à 15 mots suffisent.
Le lazy loading
Le lazy loading retarde le chargement des images hors de l'écran. Seules les images visibles sont chargées immédiatement, les autres se chargent au scroll. Cela améliore considérablement le temps de chargement initial, un facteur clé des Core Web Vitals.
Nommer ses fichiers intelligemment
Le nom du fichier est un signal SEO. Utilisez des mots descriptifs séparés par des tirets : renovation-toiture-bordeaux.webp est bien mieux que IMG_20260115_142356.jpg.
Conclusion
L'optimisation des images est un levier SEO souvent négligé. Elle améliore la vitesse, l'accessibilité et le référencement de votre site en même temps. Tous nos sites vitrines incluent une optimisation complète des images.
