Ich habe die Einstellungen soeben getestet und konnte keine Probleme feststellen, siehe Screenshots der Einstellungen.
Das Ergebnis im Quelltext sieht folgendermaßen aus:
HTML-Code:
<picture>
<source srcset="assets/images/c/office-6-bfa4e05c.jpg" media="(max-width: 767px)" width="500" height="333">
<img src="assets/images/f/office-6-bfe37afd.jpg" width="300" height="200" alt="" itemprop="image">
</picture>
Die Verwendung von <picture> und <source> ist jedoch vermutlich nicht der richtige Ansatz für das was du erreichen willst denke ich.
Geht es dir darum für die jeweilige Bildschirmgröße ein passendes Bild auszuliefern um Bandbreite zu sparen?
Oder willst du unter einer Breite von 768 Pixel einen anderen Bildausschnitt (und oder eine andere Zoom-Einstellung) anzeigen?
Lesezeichen