Les images sont le premier levier de performance web. Compression, formats nouvelle generation, lazy loading et SEO des images. Tout ce que vous devez savoir.
Les images representent le plus gros poste d optimisation sur la plupart des sites web. Elles constituent souvent plus de la moitie du poids total des pages. Une image non optimisee peut a elle seule ajouter des secondes au temps de chargement et degrader tous vos Core Web Vitals. A l inverse, des images correctement optimisees offrent le meilleur rapport effort investi contre gain de performance de tout le SEO technique.
Mais l optimisation des images ne concerne pas seulement la vitesse. Le SEO des images est un canal d acquisition a part entiere. Google Images genere un trafic significatif, particulierement dans l e-commerce, le voyage, la decoration, la mode et tout secteur ou le visuel joue un role dans la decision. Des images optimisees apparaissent dans les resultats de recherche d images, dans les extraits enrichis, et contribuent a l autorite thematique globale de la page.
Ce guide couvre l ensemble du pipeline d optimisation: preparation avant telechargement, formats, compression, balisage HTML, chargement differe et indexation. Chaque etape est essentielle. En sauter une, c est laisser de la performance et du trafic sur la table.
Preparation des images avant telechargement
L optimisation commence avant que l image n arrive sur votre serveur. Choisissez la bonne resolution. Une image ne devrait jamais etre plus large que la largeur maximale a laquelle elle sera affichee, multipliee par deux pour les ecrans retina. Si votre conteneur d image fait 800 pixels de large, votre image ne doit pas depasser 1600 pixels. Redimensionnez avant telechargement, jamais par CSS ou HTML.
Choisissez le bon format selon le contenu de l image. Les photographies et images avec beaucoup de couleurs vont en JPEG, WebP ou AVIF. Les images avec du texte, des graphiques, des logos ou de la transparence vont en PNG, WebP ou AVIF. Les icones simples vont en SVG. Ne convertissez pas aveuglement. Chaque image a un format optimal selon son contenu.
Supprimez les metadonnees inutiles. Les appareils photo et les logiciels integrent des donnees EXIF, des profils de couleur, des vignettes et des commentaires qui alourdissent le fichier sans benefice pour l utilisateur. Des outils comme ImageOptim ou des plugins de compression suppriment ces donnees automatiquement.
Compression et formats modernes
La compression est un art d equilibre entre qualite visuelle et taille de fichier. Pour JPEG, une qualite de 85% offre generalement le meilleur rapport. La difference avec 100% est imperceptible a l oeil mais le fichier est deux a trois fois plus leger. Pour WebP, une qualite de 80% est le point d equilibre recommande.
WebP est le format minimum acceptable en 2026. Il offre une compression superieure de 25 a 35% par rapport a JPEG pour une qualite equivalente. Tous les navigateurs modernes le supportent. Si vous servez encore des JPEG comme format principal, chaque image que vous servez est 30% plus lourde qu elle ne devrait l etre.
AVIF est le format optimal pour les nouveaux projets. Il offre 20 a 30% de compression supplementaire par rapport a WebP. La ou une image WebP pese 50Ko, l AVIF equivalent pese 35Ko. La difference cumulee sur toutes les images d une page peut representer des centaines de kilooctets.
Utilisez l element picture pour servir differents formats selon le navigateur. Proposez AVIF en priorite, WebP en fallback, et le format original en dernier recours pour les navigateurs tres anciens.
Balisage HTML pour le SEO des images
L attribut alt est le texte alternatif qui decrit l image pour les moteurs de recherche et les lecteurs d ecran. Chaque image informative doit avoir un alt descriptif, concis et pertinent. Decrivez ce que l image montre, pas ce que vous voulez qu elle represente. Un alt bien redige ameliore le referencement dans Google Images et contribue a l accessibilite.
Le nom du fichier est un signal de pertinence supplementaire. Nommez vos fichiers avec des mots descriptifs separes par des tirets. "chat-noir-dormant-canape.jpg" est infiniment meilleur que "IMG_7493.jpg". Google utilise le nom de fichier parmi d autres signaux pour comprendre le contenu de l image.
Les attributs width et height sont obligatoires pour prevenir le Cumulative Layout Shift. Sans dimensions explicites, le navigateur ne peut pas reserver l espace avant le chargement de l image. Le contenu en dessous se decale quand l image arrive. Specifiez toujours les dimensions reelles de l image dans les attributs HTML.
Chargement et indexation
Le lazy loading differe le chargement des images hors ecran jusqu a ce que l utilisateur scrolle vers elles. L attribut HTML loading="lazy" est la methode recommandee, supportee par tous les navigateurs modernes. Ne jamais appliquer de lazy loading a l image LCP, celle qui declenche le Largest Contentful Paint. Elle doit charger immediatement avec loading="eager" et fetchpriority="high".
Les images doivent etre accessibles au crawl de Googlebot. Verifiez que votre fichier robots.txt ne bloque pas les repertoires d images. Si Googlebot ne peut pas acceder a vos images, elles n apparaissent pas dans Google Images. Utilisez l outil d inspection d URL de la Search Console pour verifier qu une image est accessible.
Un sitemap image dedie ou des entrees d images dans votre sitemap principal aident Google a decouvrir toutes vos images, particulierement celles chargees via JavaScript ou CSS. Incluez les informations de licence et de localisation si elles sont pertinentes pour votre contenu.
Serpmax et l optimisation des images
Serpmax Performance Analyzer examine chaque image de la page et rapporte son format, son poids, ses dimensions affichees versus dimensions reelles, son statut de lazy loading, et son impact sur le LCP. Le rapport priorise les images selon le gain potentiel: une image de 2Mo en haut de page est plus critique qu une image de 3Mo en pied de page.
Serpmax verifie egalement que l image LCP n est pas en lazy loading, que les dimensions sont specifiees, que les formats modernes sont utilises la ou c est possible, et que les attributs alt sont presents et pertinents. Tous ces criteres contribuent a la fois a la performance et au SEO des images.
Questions frequentes
Dois-je convertir toutes mes images existantes en AVIF? Commencez par les images les plus lourdes et les plus visibles. Convertir des milliers d images d un coup est couteux. Priorisez par impact: images LCP d abord, puis images above-the-fold, puis le reste.
Le texte dans les images est-il indexe par Google? Oui, Google peut extraire du texte d images via OCR. Mais le texte dans les images n est pas aussi bien indexe que le texte HTML. Ne mettez pas de contenu textuel important uniquement dans des images.
Combien d images par page est trop? Il n y a pas de limite technique. Mais chaque image ajoute du poids et des requetes. Au-dela de 15-20 images, le lazy loading devient indispensable. Pour les galeries et portfolios, la pagination ou le chargement infini doivent etre implementes.
Conclusion
L optimisation des images est le fondement de la performance web. Aucune autre optimisation n offre un retour sur investissement aussi immediat. Des images plus legeres chargent plus vite, ameliorent les Core Web Vitals, et apparaissent dans plus de resultats de recherche.
Integrez l optimisation dans votre flux de publication. Automatisez la compression et la conversion de format. Verifiez chaque page avec Serpmax. Les images sont trop importantes pour etre laissees sans optimisation.