Gambio-Modul: WebP-Bilder ohne neuen Upload

Weniger Daten für jedes Bild, ohne neuen Upload

Gambio-Modul, das WebP-Fassungen Ihrer Bilder automatisch anlegt und ausliefert

Aus der Praxis: Dieses Modul läuft in einem Gambio-Shop im täglichen Betrieb. Ähnliches entwickle ich für Ihren Shop, angepasst an Ihre Abläufe oder ganz neu. Mehr zur Entwicklung von Gambio-Modulen
Ein Produktbild als WebP ist meist halb so groß wie dasselbe Bild als JPEG, bei gleicher Ansicht. Dieses Modul legt die WebP-Fassung zu jedem Bild Ihres Shops an und liefert sie an jeden Browser aus, der sie lesen kann. Sie laden Bilder weiter so hoch wie bisher.


Das Problem: Tausende Bilder, alle als JPEG

Ein gewachsener Gambio-Shop hat Zehntausende Bilder: Produktbilder in vier Größen, Kategoriebilder, Banner, Logos. Fast alle sind JPEG oder PNG, und jede Seite überträgt sie in voller Größe, auch am Handy im Mobilfunknetz. Alles neu als WebP hochzuladen, ist keine Option, und ein WebP allein schließt ältere Browser aus.


Halb so groß

Produktbilder als WebP 51 bis 57 Prozent kleiner, gemessen über 59.366 Bilder eines Gambio-Shops.

Kein neuer Upload

Sie pflegen Bilder wie gewohnt. Bestehende Bilder bekommen ihre WebP-Fassung im ersten Durchgang, neue und ersetzte nachts.

Kein Browser bleibt zurück

Wer kein WebP versteht, bekommt das Original. Fehlt eine WebP-Fassung, ebenso.



So funktioniert es

Vier Schritte, alle auf Ihrem Server

1. Einschalten. Sie aktivieren den Cronjob im Gambio-Admin. Er arbeitet in kurzen Abschnitten, bis jedes Bild eine WebP-Fassung hat; in einem Shop mit rund 60.000 Bildern dauerte der erste Durchgang gut sieben Stunden, der Shop lief dabei normal weiter.

2. Umwandeln. Zu jedem JPEG und PNG entsteht eine WebP-Fassung in einem eigenen Ordner, Ihre Bildordner bleiben unverändert. Produktbilder werden aus dem hochgeladenen Original neu berechnet, nicht aus der schon verkleinerten Fassung.

3. Ausliefern. Eine Regel in der .htaccess gibt Browsern, die WebP verstehen, die WebP-Fassung unter derselben Adresse. Alle anderen bekommen das Original.

4. Aktuell halten. Nachts prüft der Cronjob, was neu ist oder ersetzt wurde. Ist eine WebP-Fassung nicht kleiner als das Original, verwirft er sie; dann bleibt es beim Original.


Gemessen in einem Gambio-Shop aus der Praxis

Übertragene Bilddaten am Handy, vor und nach dem ersten Durchgang (Oktober 2026):
Startseite, erster Bildschirm1.383 KB → 1.147 KB (−17 %)
Startseite, ganz gescrollt1.979 KB → 1.665 KB (−16 %)
Kategorieseite, gescrollt1.149 KB → 1.048 KB (−9 %)
Produktseite, gescrollt1.547 KB → 1.438 KB (−7 %)
Auf Kategorie- und Produktseiten fällt die Ersparnis kleiner aus, weil die neueren Herstellerbilder dort schon als WebP geliefert werden. Je mehr JPEG und PNG Ihr Shop heute ausliefert, desto mehr bringt das Modul.



Technik

Gambioentwickelt und im Einsatz mit Gambio 26.10, unabhängig vom Theme; andere Versionen auf Anfrage
Eingriff in den Gambio-Kernkeiner; ein Gambio-Cronjob und eine Regel in der .htaccess
Datenbankkeine neue Tabelle
ServerPHP mit GD und WebP-Unterstützung; kein SSH, kein cwebp
Speicherdie WebP-Fassungen sind kleiner als die Bilder selbst; der Cronjob hält an, bevor der Platz auf dem Server knapp wird
Cronjobim Gambio-Admin ein- und ausschaltbar; erster Durchgang in Abschnitten, danach nachts



Häufige Fragen

Muss ich meine Bilder neu hochladen oder anders pflegen?

Nein. Sie laden Bilder weiter wie gewohnt als JPEG oder PNG hoch. Der Cronjob legt die WebP-Fassung selbst an, auch für alle Bilder, die schon im Shop sind, und erneuert sie, wenn Sie ein Bild unter demselben Namen ersetzen.

Wie viel bringt das?

In einem Gambio-Shop mit rund 60.000 Bildern wurden im ersten Durchgang 59.366 umgewandelt; Produktbilder sind als WebP 51 bis 57 Prozent kleiner. Am Handy überträgt die Startseite 17 Prozent weniger Bilddaten, Kategorie- und Produktseiten 7 bis 9 Prozent, weil die neueren Herstellerbilder dort schon als WebP kommen. Wie viel es bei Ihnen bringt, hängt davon ab, wie viele JPEG und PNG Ihr Shop heute ausliefert. Das messe ich vorher.

Was ist mit Browsern, die kein WebP können?

Sie bekommen weiter das Original. Die Regel liefert WebP nur aus, wenn der Browser es ausdrücklich anfragt, und sagt Zwischenspeichern wie Proxys, dass die Antwort davon abhängt. So landet ein WebP nie bei einem Browser, der es nicht lesen kann.

Brauche ich SSH oder Werkzeuge auf dem Server?

Nein. Es genügt PHP mit GD und WebP-Unterstützung, wie es die meisten Hoster mitbringen. Ob Ihr Server das kann, sehe ich vor der Installation in den PHP-Informationen. Den Cronjob schalten Sie im Gambio-Admin ein.

Wie werde ich es wieder los?

Cronjob im Admin abschalten und den Ordner mit den WebP-Fassungen löschen. Ab der nächsten Anfrage gehen wieder die Originale raus, ohne Deploy und ohne Cache leeren.

Wird mein Shop dadurch in Google besser platziert?

Das verspreche ich nicht. Weniger Daten heißt kürzere Ladezeit, vor allem im Mobilfunknetz, aber Google bewertet viele Signale zusammen. In den Lighthouse-Messungen in diesem Shop ließ sich kein Unterschied sauber den Bildern zuschreiben.


Ähnliches Modul für Ihren Shop?

Ich entwickle Gambio-Module nach Ihren Anforderungen, als Anpassung dieses Beispiels oder ganz neu. Schreiben Sie mir kurz, was Ihr Shop braucht.

fhu-it@humpfle.com
+49 152 21914890

Betreff zum Beispiel: Gambio-Modul: WebP-Bilder

Für Unternehmen und öffentliche Einrichtungen, nicht für Verbraucher.