Ce qu'il faut savoir sur les images de site web pour les PME
Les images sont un élément visuel important d'un site web d'entreprise. Un mauvais traitement peut affecter la vitesse de chargement et l'expérience utilisateur. Cet article résume les points à surveiller concernant la sélection, les dimensions, le format, les droits d'auteur, la compression et l'optimisation SEO des images, afin d'aider les PME à éviter les problèmes courants.
1. Choisir des images adaptées au contenu
Les images doivent être en lien avec le contenu de la page, évitez d'utiliser des images décoratives sans rapport. Par exemple, les pages produits doivent utiliser des photos réelles ou des rendus de haute qualité, et les pages d'équipe doivent utiliser des photos authentiques des employés. Il est recommandé de privilégier les images personnelles pour réduire la dépendance aux banques d'images.
2. Contrôler les dimensions et la taille des fichiers
Des images trop grandes ralentissent le chargement de la page. Il est conseillé de limiter la largeur des images à 1200 px et la taille des fichiers à moins de 200 Ko. Utilisez des outils comme TinyPNG ou ImageOptim pour une compression sans perte. Pour les images de fond ou les grandes images, envisagez le format WebP, qui réduit considérablement le volume tout en préservant la qualité.
3. Choisir le bon format d'image
Les formats courants sont JPEG, PNG et WebP. Utilisez JPEG pour les photos, PNG pour les images avec transparence ou les icônes, et WebP, compatible avec les navigateurs modernes, est recommandé. Évitez les formats inefficaces comme BMP.
4. Attention aux droits d'auteur
Utiliser des images sans autorisation peut entraîner des litiges de contrefaçon. Il est conseillé d'utiliser vos propres images ou de télécharger depuis des banques d'images gratuites comme Pixabay ou Unsplash. Pour un usage commercial, vérifiez la licence des images, certaines nécessitent une attribution ou un paiement.
5. Optimiser les images pour le SEO
Donnez aux images des noms de fichiers descriptifs, comme "produit-modele-haute-definition.jpg". Ajoutez un attribut alt avec une brève description du contenu de l'image pour aider les moteurs de recherche à comprendre l'image. Utilisez également le texte environnant pour renforcer la pertinence thématique.
6. Adapter aux différents appareils
Le site doit s'afficher correctement sur mobile, tablette et ordinateur. Utilisez des techniques d'images responsives (comme l'attribut srcset) pour charger des images de différentes résolutions en fonction de la taille de l'écran, évitant ainsi de gaspiller du débit sur mobile avec des images trop grandes.
7. Établir des normes de gestion des images
Dès la phase de création du site, uniformisez les règles de nommage, de chemin de stockage et de gestion des versions des images. Nettoyez régulièrement les images inutilisées pour maintenir une structure de site claire.
En suivant ces conseils, les images du site web de votre entreprise seront à la fois esthétiques et ne ralentiront pas le chargement. Il est recommandé de vérifier les performances des images avant la mise en ligne du site et d'ajuster si nécessaire.
