WebP Bilder

Dieses Modul für modified eCommerce Shops speichert Artikelbilder, Kategoriebilder, Contentbilder und Bannergrafiken zusätzlich im WebP Format ab. Sofern der Browser des Besuchers das Format unterstützt, wird automatisch das WebP Bild ausgeliefert.

WebP ist ein von Google entwickeltes Grafikformat, welches bei sehr hoher Komprimierung eine bessere Bildqualität pro Datenmenge als JPEG und PNG liefert. Durch die kleinere Dateigröße, müssen weniger Daten übertragen werden und die Website kann schneller laden.

Automatische Konvertierung

Das Modul arbeitet voll automatisch. Jedes Mal, wenn Sie ein Artikelbild in Ihren modified eCommerce Shop hochladen, wird es zusätzlich im WebP Format abgespeichert. Der Konverter unterstützt JPEG, PNG und GIF Bilder.

Auch für Ihre alten Bilder ist gesorgt! Das "Imageprocessing" des Shops bietet Ihnen eine Stapelverarbeitung um alle vorhandenen Bilder neu abzuspeichern, wobei auch die WebP Alternative erzeugt wird.

Ab modified Shop 2.0.6.0 werden auch für Kategoriebilder, Contentbilder und Bannergrafiken automatisch WebP Bilder erzeugt.

Smarty Template Variablen

Im Normalbetrieb erfolgt die Ausgabe der WebP Bilder voll automatisch. Im Template stehen Ihnen zusätzlich eigene Smarty Variablen zur Verfügung, womit Sie die WebP Bilder selbst im HTML Code platzieren können. So ist z.B. die Ausgabe als <picture> Element möglich.

<picture>
  <source type="image/webp" srcset="{$PRODUCTS_IMAGE_WEBP}">
  <source type="image/jpeg" srcset="{$PRODUCTS_IMAGE}">
  <img src="{$PRODUCTS_IMAGE}">
</picture>

---

Funktionsübersicht

• Speichert Bilder im WebP Format für Artikel, Kategorien, Content und Banner
• Bilder werden automatisch beim Hochladen eines Bilds in den Shop erzeugt
• Abhängig von Browserunterstützung, wird dem Besucher das WebP Bild ausgegeben
• Smarty Variablen zur manuellen Positionierung des WebP Bilds innerhalb des Templates
• Qualität des komprimierten Bilds einstellbar
• Umwandlung alter Bilder erfolgt über "Imageprocessing" des Shops

---

Screenshots

WebP Bilder System Modul

WebP Bilder Konfiguration