Bilder im webp-Format: JPG-Fallback für Bilder bei älteren Browsern möglich?

Shopware 6 (German)
,
1

Hallo zusammen,

wir haben hier einen Shop, bei dem die Kunden teilweise mit sehr alten Browsern unterwegs sind. Wir wollen alle Bilder auf das webp-Format optimieren, allerdings einen Fallback für JPG-Bilder ermöglichen, damit ältere Browser die Bilder im JPG-Format anzeigen können. Die webp-Plugins, die es im Shopware Store gibt, sehen alle vor, dass alle Bilder ins webp-Format umgewandelt werden und es keine JPG-Bilder mehr gibt.

Hier ist eine Übersicht der Unterstützung von webp durch Browser: "webp" | Can I use... Support tables for HTML5, CSS3, etc

Folgende Browser Versionen unterstützen WebP verlustfrei.

  • Google Chrome (Desktop) 17+
  • Google Chrome für Android ab Version 25
  • Microsoft Edge 18 und höher
  • Firefox 65 oder höher
  • Opera 11.10 oder höher
  • Nativer Webbrowser, Android 4.0 und höher (ICS)
  • Safari 14 und höher (iOS 14 und höher, macOS Big Sur+)

Welche Möglichkeiten habe ich, um diese Fallback-Funktion für ältere Browser zu bewerkstelligen?

@shyim @Moritz_Naczenski

2

WebP-Fallback ist eine Sache des Servers (Apache, nginx, …) und nicht eine Sache von Shopware.

Der Browser schickt an den Server, ob er WebP versteht oder nicht, entsprechend sollte der Server dann alle WebP-Dateien als JPG ausgeben. Das kann man machen, indem man bspw. alle WebP in identischen Ordnern als JPG vorhält, auf CDN zurückgreift (die machen das meist von selbst), oder sich diversen Anleitungen aus dem Netz bedient.

Da Shopware keine automatische Umwandlung von JPG zu WebP bietet, gibt es entsprechend auch kein WebP-Fallback. Ich wüsste auch nicht, dass es ein Plugin im Store gibt, welches dann könnte, abgesehen von den CDN-Plugins.