Das gleiche Ergebnis habe ich auch mit Media Querys.
HTML-Code:
<img src="assets/images/7/lindenbluetenhonig-500-17842038.jpg" srcset="assets/images/7/lindenbluetenhonig-500-17842038.jpg 100w, assets/images/9/lindenbluetenhonig-500-6dfaa80e.jpg 50w, assets/images/d/lindenbluetenhonig-500-4ecb7640.jpg 200w" sizes="(max-width: 600px) 100vw, 500px" width="100" height="100" alt="lindenhonig" itemprop="image">
Ausgabe ein Bild 100x100!
Lösche ich die Bildgrößen oder trage 0 ein dann siehts so aus:
HTML-Code:
<img src="files/img/lindenbluetenhonig-500.jpg" srcset="files/img/lindenbluetenhonig-500.jpg 783w" sizes="(max-width: 600px) 100vw, 500px" width="783" height="600" alt="lindenhonig" itemprop="image">
Und bei verschiedenen Viewgrößen werden verschiedene Bilder erzeugt.