WRInaute occasionnel
Bonjour à tous.
On nous explique depuis les débuts d’Internet qu’il est préférable d’utiliser les paramètres width et height sur la balise image.
3Wschools précise même :
Oui ! Mais ça, n’était-ce pas avant ? Que faire avec le responsive ?
Soit par exemple une image de 700x245 px s’affichant sur 100 % de l’espace imparti de 700 px de large sur un dispositif de grandes dimensions.
Comment procéder, puisque l’image va devoir aussi s’afficher sur un dispositif de 640 ou de 550 ou de 460 ou encore de 320 (il existe une multitude de dispositifs ayant chacun leurs propres dimensions ?
Merci pour vos explications.
On nous explique depuis les débuts d’Internet qu’il est préférable d’utiliser les paramètres width et height sur la balise image.
Code:
<img src="image.png" alt="" height="420" width="420">
3Wschools précise même :
Il vaut mieux toujours indiquer la hauteur et la largeur des attributs pour les images. Si la hauteur et la largeur sont définies, l’espace requis pour l’image est réservé lorsque la page est chargée. Inversement, sans ces attributs, le navigateur ne connait pas la taille de l’image, et ne peut pas lui réserver un espace approprié. Cela amène alors une modification de la mise en page des images durant leurs chargements.
Oui ! Mais ça, n’était-ce pas avant ? Que faire avec le responsive ?
Soit par exemple une image de 700x245 px s’affichant sur 100 % de l’espace imparti de 700 px de large sur un dispositif de grandes dimensions.
Comment procéder, puisque l’image va devoir aussi s’afficher sur un dispositif de 640 ou de 550 ou de 460 ou encore de 320 (il existe une multitude de dispositifs ayant chacun leurs propres dimensions ?
Merci pour vos explications.