Bilder im Hintergrund in WebP und AVIF konvertieren

Sie können unser Plugin über den Shopware Store beziehen:
https://store.shopware.com/de/memod97197147652m/bilder-im-hintergrund-in-webp-und-avif-konvertieren.html

Systemanforderungen

Prozessoren

Im Plugin gibt es 2 Prozessoren für die Bilder.

1. GD:

Wenn GD im Einsatz ist kann es sein, dass AVIF nicht unterstützt wird.

Wir verwenden imageavif dafür.

https://www.php.net/manual/de/function.imageavif.php

Das müsste ab PHP 8.1 verfügbar sein, wenn libavif auf dem System vorhanden ist.

 

2. Imagick (Wird von uns bevorzugt):

Imagick hat in der Version 6 und jünger noch ein Problem mit AVIF Bildern mit transparenz.

Ab Imagick 7 geht das aber wie gewünscht.

Unter Imagick 6 ignorieren wir einfach transparente Bilder bei der Konvertierung.

 

Erste Installation

• Plugin installieren und aktivieren
• Plugin nach Wunsch konfigurieren (Verlustfrei / Qualität, siehe Dokumentation unten)
• Empfehlung: Alle WebP initial manuell auf der Konsole generieren (./bin/console memo:webp:generate)

Einstellungen

Maximale Anzahl an generierten Bilder pro Stunde

Definiert wieviele Bilder durch den Taskrunner pro Stunde generiert werden können, um das System nicht zu überlasten.

Wenn der CLI Befehl verwendet wird, wir diese Einstellung ignoriert.

Ohne Verlust komprimieren

Da haben wir die Erfahrung gemacht, dass die Bilder teils am Ende noch grösser sind als z.B. unter JPG.

Das hat damit zu tun, dass AVIF und WebP sehr stark in der Komprimierung sind, aber nicht für den lossless Bereich gedacht sind.

Verwendung von GD erzwingen

Falls vorhanden verwendet unser Plugin immer Imagick.

Als Fallback verwenden wir GD. Mittels dieser Einstellung wird diese Logik übersprungen und immer GD verwendet.

Speicher Limit für Imagick in MB

Hier kann das RAM Limit definiert werden.

Wir haben die Erfahrung gemacht, dass einige Hoster sehr aggressive Taskkiller im Einsatz haben.

Dadurch kann der RAM Verbrauch niedrig gehalten werden, was den Taskkiller davon abhält unsere Bildergenerierung zu killen.

Kompressionsqualität WebP / AVIF:

Zahl zwischen 1 und 100.

100 wäre dann lossless.

Wir empfehlen für WebP 50 und für Avif 20.

Das kommt aber ganz auf die Bilder im Shop an

Manche Shops brauchen höhere Auflösungen.

In dem Fall würde sich 80 und 40 als Einstellung anbieten.

Geschwindigkeit der AVIF Komprimierung:

Zahl zwischen 0 und 10.

AVIF kann das gleiche Bilder unterschiedlich stark komprimieren.

Umso höher die Zahl ist umso schneller wird die Konvertierung abgeschlossen, dafür ist die resultierende Dateigrösse allerdings auch grösser.

Das kommt ganz auf die Anzahl Bilder im Shop und auf die Leistung des Servers an.

2 ist eine recht aggressive Einstellung um eine guten Komprimierung zu erreichen.

Pfad für temporäre Dateien für Imagick:

Imagick legt während der Komprimierung temporäre Dateien in den /tmp Ordner.

Das ist meistens kein Problem. Uns ist allerdings auf ein paar Hostings aufgefallen, dass die tmp Partition vollgelaufen ist, weil Imagick Dateien angelegt hat und dann der Task von einem Taskkiller abgeschossen wurde.

Dadurch wurden die Temporären Dateien nie bereinigt.

Wenn hier ein absoluter Pfad gesetzt wird, dann speichert Imagick die Dateien dort rein.

Dadurch kann das Problem umgangen werden.

Konsolen Befehle

 

Mögliche Probleme

WebP Bilder werden nicht ausgegeben

Hier gibt es mehrere Auslöser. Zuerst kann geprüft werden, ob im Frontend bei den Bildern ein Picture Tag ausgegeben wird.

Falls der Picture Tag nicht ausgegeben wird ist es möglich, dass das eingesetzte Theme oder ein Plugin die folgende Datei überschreibt:
Resources/views/storefront/utilities/thumbnail.html.twig

Bitte prüfen Sie die installierten Plugins und, falls dies der Fall ist, übernehmen Sie die Anpassungen unseres Plugins in Ihr Theme.

Logs

Das Plugin logt Fehler beim Konvertieren in das reguläre Logfile unter var/logs/...