heinetz: srcset und sizes

Beitrag lesen

SELF-Forum

srcset und sizes

heinetz (Versionen)
– Informationen zu den Bewertungsregeln

Hallo Forum,

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

Ich versuche mal, selbst eine Antwort darauf zu geben. In Bezug auf das erste Beispiel:

  • 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.

genau so

  • 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.

In den bedien Punkten hängt's bei mir. Ist der Wert eine Information über das Bild (Breite in Pixel) oder eine Bedingung (minimale Breite des Viewports in Pixel). Unabhängig davon, dass der Wert der selbe sein kann.

  • Welche Relavanz hat die Reihenfolge in der Liste

Die Reihenfolge war im ersten Beispiel unerheblich, weil immer nur eine Bedingung zutreffen kann. Wie ist das in diesem Beispiel?

Richtig?

gruss, heinetz

Beitrag melden
–
Informationen zu den Bewertungsregeln