Auf Thema antworten 2026

JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Beitrag: <blockquote data-quote="mmild" data-source="post: 2695658" data-attributes="member: 727387">Hallo zusammen,Ich betreibe einen Webshop und stelle in den Übersichtskategorien Bilder dar, die je nach Breite bzw. Gerät gegen angepasste Versionen ausgetauscht werden sollen. Umgesetzt habe ich das aktuell über einen <picture> Container mit 2 Bildquellen (source) für die Large & Medium Größe der Bilder, sowie einer img Quelle in der kleinsten Auflösung als Fallback.Das gleiche ließe sich auch mit einem srcset in einem img Tag erledigen. Nun stellt FF sowie Chrome das am Desktop in beiden Varianten problemlos dar, allerdings wird am Smartphone in Chrome bzw FF nur die <picture> Variante korrekt dargestellt. das srcset lädt immer die größte AUflösunf und damit auch die größte Datei.Hat hier jemand Erfahrung mit diesem Verhalten, bzw. was ist die mittlerweile 2018 bessere Variante?LGPS: Hier eine Quelle: <a href="https://blog.kulturbanause.de/2014/09/responsive-images-srcset-sizes-adaptive/" target="_blank">https://blog.kulturbanause.de/2014/09/responsive-images-srcset-sizes-adaptive/</a></blockquote> Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.