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