Hallo Forum, > ~~~HTML > <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

Hallo Forum, > ~~~HTML > <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) > - 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

Hallo Forum, > ~~~HTML > <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) > - Welche Relavanz hat die Reihenfolge in der Liste Die Reihenfolge war im ersten Beispiel schon unerheblich. Richtig? gruss, heinetz

Hallo Forum, > ~~~HTML > <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 genau so > - Die Bedingung in dem Beispiel ist die Pixeldichte des anzeigenden Endgeräts. Die Bedingung ist die Viewportbreit des Endgeräts in Pixel. > - Welche Relavanz hat die Reihenfolge in der Liste Die Reihenfolge ist wie schon im ersten Beispiel schon unerheblich. Richtig? gruss, heinetz

Hallo Forum, > ~~~HTML > <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 letzte Angabe ist in diesem Fall keine Bedingung sondern eine Information über die Ressource. . > - Die Bedingung in dem Beispiel ist die Pixeldichte des anzeigenden Endgeräts. Die Information ist die Breite der Ressource in Pixeln. > - Welche Relavanz hat die Reihenfolge in der Liste Die Reihenfolge ist wie schon im ersten Beispiel schon unerheblich. Das Beispiel macht so keinen Sinn, weil die Bedingung fehlt nach der der Browser entscheidet, welche Ressource geladen wird. Richtig? gruss, heinetz