HTML und CSS · Middle · Frage 22 von 75
Wann braucht man <picture> statt nur <img srcset>?
- 1Nur für SVG-Bilder, die keine Rastermaße haben
- 2Immer:
<img>allein unterstützt weder responsive Bilder nochsrcset - 3Wenn man Formate (AVIF/WebP mit Fallback) oder den Ausschnitt wechseln muss
Antwort zeigen
Richtige Antwort: Wenn man Formate (AVIF/WebP mit Fallback) oder den Ausschnitt wechseln muss
Erklärung
<picture> mit mehreren <source> ermöglicht Art Direction (anderer Ausschnitt auf Mobilgeräten über media) und die Wahl des Formats (type="image/avif"), während das innere <img> der Fallback ist und alt trägt. Für einen einfachen Wechsel der Auflösung genügt srcset/sizes an <img>.