srcset und sizes

[heinetz]

Hallo Forum,

ich tue mich etwas schwer mit den beiden Attributen. Ich fange mal mit srcset an und versuche, zu beschreiben, was ich bisher verstanden habe.

<img 
src="/images/1x*/logo/210.png" 
srcset="/images/1x*/logo/210.png 1x,
/images/1x*/logo/420.png 2x"

>

• Was im Attribut src steht, wird ersetzt durch einen Eintrag aus der Komma-separierten Liste im Attribut srcset, wenn der Browser das Attribut srcset interpretieren kann.
• Die Einträge in der Liste sind wie folgt aufgebaut: Ressource+Leerzeichen+Bedingung
• Die Bedingung in dem Beispiel ist die Pixeldichte des anzeigenden Endgeräts.
• Welche Relavanz hat die Reihenfolge in der Liste

Jetzt, was ich bspw. nicht verstehe:

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

>

Was passiert hier?

danke für Tipps und
gruss,
heinetz