Partager

Approfondir

Qualité Web le livre

Livre Qualité Web

Acheter

159 - Les dimensions réelles des images sont indiquées dans le code source.

Thématique
  • Bonnes pratiques
  • Code
Phase Projet

Objectif

Augmenter la vitesse d'affichage de la page.

Faciliter le traitement des images par les navigateurs mobiles.

Mise en œuvre

Préciser dans le code HTML les valeurs réelles des attributs width et height des éléments img.

Contrôle

La vérification consiste à contrôler à la fois que les dimensions d'affichage des images HTML sont bien indiquées dans le code source mais également que ces dimensions indiquées dans les attributs HTML correspondent effectivement aux dimensions réelles. Pour chaque élément img :

  • Vérifier la présence des attributs width et height à l'aide de la fonctionnalité Entourer les images sans dimension (menu Images) de la Web Developer Toolbar dans Firefox.
  • Vérifier que les valeurs indiquées correspondent aux dimensions réelles de l'image à l'aide des fonctionnalités Entourer les images surdimensionnées et Images avec des dimensions ajustées de Web Developer pour repérer les images qui ne respectent pas cette bonne pratique.

Autre solution : afficher l'image hors du contexte de la page (clic droit sur l'image puis Afficher l'image) pour vérifier qu'elle présente toujours les mêmes dimensions.

Découvrez la certification Opquast

Rejoignez la communauté des certifiés Opquast. Plus de 5000 professionnels formés à la qualité Web. Au programme une formation en ligne de 14h, un examen de 1h30, un badge et un score à mettre sur votre cv et votre profil linkedin.

Commander en ligne