|<- [[srcset]]|[[srcset 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:

  * [[http://udacity.github.io/responsive-images/examples/3-03/srcsetWValues|srcset with w values]]
  * [[http://udacity.github.io/responsive-images/examples/3-03/srcsetWValues50vw|srcset with w values, 50vw]]


----

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!