Ce n’est plus un secret, le temps de chargement d’un site web est impactant pour les utilisateurs et le référencement naturel. Au-delà de créer ou trouver de belles images ou illustrations, optimiser ses images constitue un levier incontournable pour optimiser la performance d’un site web.
Par exemple pour créer un fond de page, il faut privilégier la propriété CSS background, au lieu d’utiliser un carré uni de 20 pixels répété à l’infini. Ce dernier consommera au moins 100 octets contrairement à 30 octets avec la CSSS, soit un gain d’au moins 60% pour un rendu similaire.
Quel format pour son image
Il y a trois formats d’images adaptés pour un site Web :
- jpg : 16 millions de couleurs, pour des graphismes évolués, des images de haute qualité ou des photos.
- gif : 256 couleurs maximum, pour créer des animations simples et gérer de la transparence.
- png : jusqu’à 16 millions de couleurs. Pour tout type de visuels.
Ajuster la taille et la résolution de ses images
Il est important de penser à ajuster la largueur et hauteur d’une image selon la taille d’affichage souhaitée et d’éviter ainsi au navigateur de lui-même redimensionner l’image. Vous diminuerez ainsi le poids de votre image.
Un autre point important concerne la résolution des images, exprimée en dpi ou pp. La valeur par défaut est souvent 72 dpi, mais il ne s’agit pas d’une référence fixe, il faut essayer tester des résolutions plus petites car les gains de poids peuvent être considérables.
Compresser ses images
Il est posssible d’optimiser le taux de compression de vos images. Analyser votre page Web avec un outil comme Page Speed, il vous propose de compresser lui-même vos fichiers et images. Des logiciels spécialement conçus pour optimiser vos images sont également disponibles, Ismaël Ahounou conseille notamment le logiciel tout en un RIOT.
Optimiser ses images pour le SEO
Quelques conseils pour être bien référencé dans Google Images :
- renseigner le ALT (texte alternatif)
- nommer le fichier avec un mot clé (pas d’accent, séparateur tiret)
- mettre une légende sous l’image
- soigner le contenu textuel autour de l’image, la corrélation entre les zones clés de la page (title, Hn et contenu) doit être en phase avec l’image
- faites des liens : les backlinks internes ou externes, pointant vers l’URL de l’image donnent également du poids
Pour plus d'informations contactez nous 07 25 48 38/05 72 31 87 afin de mieux Optimiser votre image sur le WEB et être bien Référencer
