Gebrauch von img, picture und srcset

[Richard Rüfenacht]

Hallo Gunnar

Der Browser berechnet aus der Viewportbreite und der Pixeldichte, wie breit er das Bild anzeigt.

?? Nein. Der Browser zeigt das Bild so breit an wie ihm per Stylesheet geheißen.

Zu diesem Zeitpunkt ist das Bild noch gar nicht geladen, kann also auch nicht angezeigt werden. Der Browser berechnet aber schon, wie er es darstellen wird.

Nein. Der Browser zeigt das Bild so breit an wie ihm per Stylesheet geheißen. Die sizes-Angabe hilft dem Browser zu ermitteln, welche Version des Bildes er anfordern soll. Die Angabe hat aber ursächlich nichts damit zu tun, wie breit das Bild tatsächlich dargestellt wird.

Es geht hier nicht um CSS, sondern um srcset w und sizes. Wer sich aus gutem Grunde für dieser Weg entscheidet, wird img sicher nicht mit CSS stylen. sizes dient sowohl zur Berechnung und Auswahl der erforderlichen Bildbreite als auch zur Darstellung.

Zumindest trenne dich von dem Gedanken, dass (CSS-)Pixel irgendwas mit (Geräte-)Pixel zu tun hätte.

Ein einfacher Sachverhalt kann mit diesen Begriffen kompliziert geredet werden. Es ist ausreichend die Pixeldichte zu beachten.

Mit besten Grüssen
Richard