Comment optimiser les images pour le web ?

Optimisation des images pour le web : Le guide complet pour améliorer les performances de votre site

Une question souvent posée par mes clients, alors petit article pour faire le tour des bonnes pratiques :

Les images sont un élément essentiel de votre site web. Elles captivent l’attention et améliorent l’esthétique. Cependant, mal optimisées, elles peuvent ralentir le chargement, affectant le trafic et l’expérience utilisateur. Voici les meilleures pratiques pour optimiser les images.

Réduire la taille des fichiers sans compromettre la qualité

Utilisez des outils comme TinyPNG ou JPEG Optimizer pour réduire la taille des fichiers sans perte de qualité. Choisissez le bon format pour chaque image : JPEG pour les photos et PNG pour les images avec transparence.

Dans l’idéal, une image pour un site web ne devrait pas dépasser 150Ko (sauf image de grande taille, là on peut dépasser mais sans abuser).
Note : Canva pro propose aussi de choisir le poids maximum de ses images à l’exportation maintenant !

Utiliser des titres pertinents pour le nom de vos fichiers

Renommez vos images avec des titres pertinents et des mots-clés en lien avec votre contenu, pour un meilleur référencement. Par exemple, utilisez « bouquet-fleurs-printemps.jpg » au lieu de « image001.jpg ».

Définir attributs Alt pour une meilleure accessibilité

Utilisez des attributs alt pour décrire les images. Ces descriptions textuelles aident les utilisateurs malvoyants et améliorent votre SEO (référencement). Par exemple, pour une photo d’un mug fleuri, utilisez l’attribut alt « mug fleuri », ou bien profitez en pour y glisser quelques mots clés pertinents pour votre activité.

Le chargement différé des images (lazy loading)

Le chargement différé retarde le téléchargement des images non visibles à l’écran, réduisant le temps de chargement initial. Idéal pour les sites à contenu long ou comportant beaucoup d’images.

Utilisation de formats d’image web modernes

Utilisez des formats modernes comme WebP, qui offrent une meilleure compression que JPEG ou PNG. Assurez-vous que votre site est compatible avec ces formats pour tous les navigateurs.