Les images sur Internet

A quelle taille mettre les images sur Internet ?
Quelle qualité ?
Quel nom leur donner ?
Voici quelques valeurs que j’utilise :

Leur taille

Pourquoi réduire leur taille et leur taux de compression ?

Plus une image est lourde, plus la page du site mettra du temps à charger.

Une image qui entre dans un carré de 700pixels et une compression de 0 à 100 est tout à fait suffisante pour le net.

Sous Gimp :

Pour la taille :

  • Image/Echelle et taille de l’image/
  • Une nouvelle fenêtre s’ouvre
  • Taille d’image : réduire le coté le plus grand (largeur ou longueur) à 700px et utiliser le ratio (link à droite) pour que l’autre taille s’adapte automatiquement

Pour la compression :

  • Fichier/Exporter/
  • Une nouvelle fenêtre s’ouvre : Donner un nom à l’image ; choisir l’extension ; cliquer sur exporter
  • Une nouvelle fenêtre s’ouvre : Modifier la Qualité à ~70 (entre 0 et 100). Le nouveau poids de l’image s’affiche sur la ligne juste en dessous “Taille du fichier : xx ko
  • Cliquer sur exporter

Pour le choix de l’extension

  • JPG : adapté pour les sites Internet, taille réduite
  • PNG :  utilisé lorsque l’on a besoin d’un fond transparent

Leur nom

Afin de faciliter le référencement du site sur les moteurs de recherche :

  • Utiliser un nom qui décrit l’image (et non P20156.jpg)
  • ne pas utiliser d’accent ni d’espace (les remplacer par des “-“)
  • Mettre un nom ou une courte description dans “texte alternatif” ou la balise alt afin que les personnes malvoyantes aient une description de votre image ou encore si l’image ne charge pas, l’internaute saura qu’il y avait une image sur tel sujet décrit dans le texte alternatif.

Quelques liens utiles

Comleweb : Pour un site rapide, il faut mettre ses images aux bonnes dimensions, les compresser et les nommer

JIMDO : 7 conseils de pro pour optimiser vos images

ORIGINAL Communication : Bien optimiser vos images pour le web

Attribution des images: Pexels.