WebP Image derivate

26. Mai 2022

WebP ist ein von Google entwickeltes (gar nicht mehr ganz so) neues Image Format, das verspricht, bei gleicher Bildqualität deutlich kleinere Dateigrößen zu erzeugen.

Innovation Gate hat nun ein Plugin für das womodo CMS implementiert, das automatisch für alle Bilder WebP-Image-Derivate generiert.

Diese Website verwendet nun mit Hilfe dieses Plugin WebP für alle Bilder der Website.

Die Erzeugung der WebP-Derivate ist vollkommen transparent für Autoren. Autoren laden Bilder im JPG oder PNG Format in Ihre Seiten und im Hintergrund werden daraus WebP-Derivate erzeugt.

Der Designer der Website kann entscheiden, ob die WebP Bilder statt der Originalbilder angezeigt werden sollen. Dazu bettet er den Body-Content der Website ein einen <tml:range> ein:

<tml:range imagederivates="usage=webp">
	<tml:[body]/>
</tml:range>

Übrigens: Im kommenden womodo 7.10 kann das imagederivates Attribut auch direkt am <tml:inlcude> verwendet werden:

<tml:[body] imagederivates="usage=webp"/>

Voraussetzung für das Plugin ist die Installation der Google WebP Utilities auf dem Server. Das geht bei Debian Systemen über folgendes Kommando:

apt install webp

Nach unseren Erfahrungen haben WebP-Bilder ungefähr die halbe Dateigröße der Originalbilder - ohne erkennbaren Qualitätsverlust.

Momentan betrachten wir dieses webp-plugin noch als "experimentell". Bei guten Erfahrungen wird Innovation Gate das Plugin auch Kunden zur Verfügung stellen.