Genau das hatte ich eigentlich vor, das geht aber nicht bzw. ist nicht nötig.
Ich habe gestern auch eine ganze Weile gebraucht bis ich raus gefunden habe das alle Einstellungen inkl. der Bild-Attribute für den IMG-Tag auch für die WebP gelten.
Einfach mal in der Bildverwaltung für die JPEG ein "Title-Attribut" (Bildbeschreibung) vergeben. Und anschließend in der Browservorschau mit der Maus kurz über dem WebP-Bild verweilen, dann müsste das "Title-Attribut" angezeigt werden.
Ich habe hier mal Alt- und Title-Attribut nachgereicht. https:
//www.
widget-zp.
de/2022/bild-webp.
html">LINK
Kurz zur Erklärung, der Code sieht ja ungefähr so aus.
<
source srcset="media/files/webp/q1.
webp" type="image/webp">
<
source srcset="media/images/q1.
jpg" type="image/jpeg">
<
img loading="lazy" class="wzp-webP_id3118" src="media/images/q1.
jpg" alt="Frau Hut" title="Frau mit Hut" />
Die erste Zeile schnappt sich der Browser der WebP kann.
Die zweite Zeile schnappt sich der Browser der die erste nicht lesen kann.
Die Formatierung (CSS-Klasse), das Lazyload sowie die Bildattribute nehmen alle Browser aus dem IMG-Tag der 3. Zeile.
