srcsetsrcset Quiz

Mais si l'image n'est pas affiché full-width du viewport ?

attribut sizes : permet d'indiquer à quelle taille l'image est affichée

le navigateur considère la résolution de l'écran, la taille du viewport, mais pas la taille à laquelle est affichée l'image

l'attribut size intègre des média-queries (optionnelles)

Sizes Attribute

Examples:


In JavaScript you can get the source of an img element with currentSrc.

The sizes attribute gives the browser information about the display size of an image element – it does not actually cause the image to be resized. That’s done in CSS!