Hallo,
ich möchte auf meiner Website responsive Grafiken einbauen. Hier ist der Code:
Leider klappt es nicht. Interessanterweise lädt er immer wb_1.png, also das Bild bei 803w. Das heißt, dass er das srcset ja anscheinend grundsätzlich schon versteht, sonst würde er ja das Bild aus src laden (wb_new.PNG). Jedoch lädt er nicht die kleineren Bilder, wenn ich den Browser verkleiner.
Ich benutze Opera zum Testen.
ich möchte auf meiner Website responsive Grafiken einbauen. Hier ist der Code:
HTML:
<img
src="../images/wb_new.PNG"
alt="Empty board."
srcset="../images/wb_1_small.png 420w, ../images/wb_1_medium.png 680w, ../images/wb_1.png 803w"
sizes="100vw"
class="responsive-img"
>
Leider klappt es nicht. Interessanterweise lädt er immer wb_1.png, also das Bild bei 803w. Das heißt, dass er das srcset ja anscheinend grundsätzlich schon versteht, sonst würde er ja das Bild aus src laden (wb_new.PNG). Jedoch lädt er nicht die kleineren Bilder, wenn ich den Browser verkleiner.
Ich benutze Opera zum Testen.