Dois-je ajouter la hauteur et la largeur à la balise img src?

Oui. L'ajout des attributs height et width à votre balise HTML IMG SRC permet au navigateur de savoir combien d'espace il reste pour une image. Sans ces valeurs, le navigateur ne laisse aucune image à l'image avant son chargement, ce qui signifie que tout ce qui entoure l'image est ajusté une fois l'image chargée.

Comme indiqué dans l'exemple ci-dessus, les trois premières pages montrent un chargement de page qui ne spécifie pas les dimensions de l'image. Au fur et à mesure du chargement des pages, le texte entourant les images est ajusté pour s'adapter à l'image. Cependant, avec les dimensions de l'image spécifiées, comme indiqué dans les trois pages suivantes, le navigateur sait combien d'espace allouer. Par conséquent, le texte reste au même endroit que le chargement des images.

Si vous avez une connexion Internet rapide, vous ne remarquerez peut-être pas ce processus de chargement. Cependant, pour les personnes avec des connexions lentes, la navigation sur un téléphone ou si le chargement de votre site est lent si vous ne spécifiez pas la taille des images, cela complique encore les choses pour ces visiteurs.

Vous trouverez ci-dessous un exemple de la manière dont une balise IMG doit ressembler dans votre code HTML avec la hauteur et la largeur spécifiées dans le code.