srcset und sizes

[JürgenB]

Hallo,

<img 
src="one.png"  
srcset="/images/1x*/logo/210.png 100w,
/images/1x*/logo/420.png 200w"
>

die Angaben 100w und 200w sagen dem Browser, wie breit in Pixel die Bilder sind. Anhand dieser Information entscheidet der Browser, welches Bild er nimmt.

Allerdings meckert bei diesem Beispiel der Validator das Fehlen des sizes-Attributs an. Und was da rein soll, wenn die Bildgröße schon im css ( z.B. img { width: 100% } ) festgelegt ist, weiß ich auch nicht. Ich habe es mit sizes="100vw" probiert, und es scheint zu machen, wass ich will, also je nach Fenstergröße das entsprechende Bild wählen und so groß wie das umgebende Element (Größe im css in em angegeben) anzeigen.

Gruß
Jürgen