Inhalt

JTL WebP Bilder Umwandlung

Das Plugin beinhaltete mehrere Möglichkeiten zur Umwandlung in WebP Bilder. Sollte dein Server keiner der Möglichkeiten unterstützen musst du auf einen externen Anbieter setzen. Nutze dazu den Konverter EWWW.
Hinweis: Das JTL Shop-Hosting unterstützt leider keiner der Serverumwandlung, auch hier musst du auf den EWWW Konverter setzen - oder alternativ auf eines unserer Shop Hostings wechseln.

Das Plugin unterstützt zurzeit folgende Webp-Konverter:

KonverterMethodeVoraussetzungen
cWebpNutzt die Bibliothek von Google (libwebp), in dem es die Bilder binär umwandelt.
  • exec() function
  • Der Webserver-Benutzer muss die Erlaubnis besitzen, cWebP binär zu nutzen.
VipsNutzt die PHP-Erweiterung (Vips)Die PHP-Erweiterung Vips muss installiert sein.
ImagickNutzt die PHP-Erweiterung (Imagick)PHP Erweiterung (Imagick) kompiliert mit Webp Support.
GmagickNutzt die PHP-Erweiterung (Gmagick)PHP Erweiterung (Gmagick) kompiliert mit Webp Support.
imagemagickNutzt die PHP-Erweiterung (ImageMagick API)
  • exec() function
  • imagemagick installiert (mit Webp Support)
graphicsmagickNutzt die PHP-Erweiterung (ImageMagick API)
  • exec() function
  • imagemagick installiert (mit Webp Support)
EWWWVerbindet sich mit dem Online-Dienst ‘EWWW Image Optimizer Cloud Service‘ (Serverunabhängig)

Damit du ‘EWWW‘ nutzen kannst, musst du unter https://ewww.io/ einen API-Schlüssel erwerben.

Paket: Compression API

GDNutzt die PHP-Erweiterung (GD)
  • libgd-2.0.4 oder höher wird benötigt
  • Ab PHP 5.5 wird libgd-2.1.0 oder höher benötigt. Alternativ kann die gebündelte GD-Bibliothek, die mit PHP ab 4.3 ausgeliefert wird, verwendet werden
  • PHP >= 5.5.0 (kompiliert mit Webp Support)
WPCVerbindet sich mit einem Cloud Service.
  • Zugriff auf einen Server mit installiertem [webp-convert-cloud-service]
  • cURL
  • PHP>= 5.5.0

Schnellanleitung

  1. Lade die erhaltene ZIP-Datei im Admin deines Shops unter Plugins > Pluginverwaltung im Tab "Upload" hoch.
  2. Wechsel nach dem erfolgreichen Upload, in den Tab "Verfügbar" und installiere das Plugin "KM Webp"
  3. Mit der Installation werden die Einstellungen bestmöglich gesetzt, die Testlizenz aktiviert sich automatisch (ebenfalls die Live-Lizenz)
  4. Optional: Für eine bessere Performance wähle nur den Konverter aus, den du einsetzen willst (andernfalls werden vorrangige Konverter ggf. durchprobiert)

Einstellungen

In den allgemeinen Einstellungen gibt es folgende Optionen:

Umwandlungszeitpunkt
Zu welchem Zeitpunkt soll an Bildpfade die .webp Endung angehängt werden?
Standard: Dieses Verfahren ist schneller, kann jedoch nicht auf Bilder aus Plugins zugreifen.
Nach allen Plugins: Dieses Verfahren braucht mehr Serverpower und ist damit minimal langsamer, es arbeitet jedoch nach den Verarbeitungen von Plugins und wandelt daher auch diese Bilder erfolgreich um.

Bilderformate
Hier gibst du an, welche Bildformate in WebP konvertiert werden sollen.

In den Einstellungen legst du fest, ob das Plugin alle oder nur ein spezifischen Konverter nutzt. Wenn die Bilder nachdem sie angezeigt wurden, wieder gelöscht werden sollen, musst du „Webp-Bilder nach dem Anzeigen löschen“ auf „Ja“ setzen.

JTL WebP Plugin

cWebp Konverter

cWebp Konverter

Metadaten
Eine durch Kommas getrennte Liste von Metadaten, die von der Eingabe in die Ausgabe kopiert werden sollen, falls vorhanden.

Bildqualität
Gebe den Komprimierungsfaktor für die RGB-Kanäle zwischen 0 und 100 an. Der Standardwert ist 75.
Bei einer verlustbehafteten Komprimierung (Standardeinstellung), wird durch einen kleinen Faktor, eine kleinere Datei mit geringerer Qualität erstellt. Die beste Qualität wird mit einem Wert von 100 erzielt.

Verlustfreie Komprimierung
Codiere das Bild ohne Verlust. Bei Bildern mit vollständig transparentem Bereich, werden die unsichtbaren Pixelwerte nur beibehalten, wenn die Option -exact verwendet wird.

Autofilter
Dieser Algorithmus benötigt zusätzliche Zeit, um die Filterstärke zu optimieren und eine ausgewogene Qualität zu erzielen. Leider ist es sehr rechenintensiv. Die Konvertierung dauert etwa 5-10 Mal länger.

Command-Line
Auf diese Weise kannst du jeden für cWebp verfügbaren Parameter auf die gleiche Weise einstellen, wie bei der Ausführung von cWebp.

Nutzung des Arbeitsspeicher um 30% reduzieren
Reduziere die Speichernutzung durch verlustbehaftete Codierung, und spare dabei ~ 30% mehr Codierungszeit und eine geringfügig größere Ausgabegröße.

Konvertierungsgeschwindigkeit
Dieser Parameter steuert den Kompromiss zwischen der Codierungsgeschwindigkeit und der Größe und Qualität der komprimierten Datei. Mögliche Werte reichen von 0 (schlechte Qualität) bis 6 (gute Qualität).

Komprimierung in Prozent
Diese Option legt die Dateigröße in Prozent des Originals fest, auf die cWebp abzielen soll. Wenn Du zum Beispiel den Wert auf 45 setzt und die Quelldatei 100 KB groß ist, dann versucht cWebp eine Datei mit einer Größe von 45 KB zu erstellen.
Bitte beachte, dass die Konvertierung dadurch verlangsamt wird. Auf diese Weise dauert die Konvertierung etwa 2,5-mal länger als bei Angabe der Qualität.

Bildqualität (Alpha)
Gebe den Komprimierungsfaktor für die Alpha-Komprimierung zwischen 0 und 100 an. Die verlustfreie Komprimierung von Alpha wird mit einem Wert von 100 erreicht, während die niedrigeren Werte zu einer verlustbehafteten Komprimierung führen.

EWWW Konverter

EWWW Konverter

Metadaten
Eine durch Kommas getrennte Liste von Metadaten, die von der Eingabe in die Ausgabe kopiert werden sollen, falls vorhanden.

Bildqualität
Gebe den Komprimierungsfaktor für die RGB-Kanäle zwischen 0 und 100 an. Der Standardwert ist 75.
Bei einer verlustbehafteten Komprimierung (Standardeinstellung), wird durch einen kleinen Faktor, eine kleinere Datei mit geringerer Qualität erstellt. Die beste Qualität wird mit einem Wert von 100 erzielt.

API-Schlüssel
Gib hier deinen API-Schlüssel den du von https://ewww.io erhalten hast.

Vips Konverter

Vips Konverter

Metadaten
Eine durch Kommas getrennte Liste von Metadaten, die von der Eingabe in die Ausgabe kopiert werden sollen, falls vorhanden.

Autofilter
Dieser Algorithmus benötigt zusätzliche Zeit, um die Filterstärke zu optimieren und eine ausgewogene Qualität zu erzielen. Leider ist es sehr rechenintensiv. Die Konvertierung dauert etwa 5-10 Mal länger.

Bildqualität
Gebe den Komprimierungsfaktor für die RGB-Kanäle zwischen 0 und 100 an. Der Standardwert ist 75.
Bei einer verlustbehafteten Komprimierung (Standardeinstellung), wird durch einen kleinen Faktor, eine kleinere Datei mit geringerer Qualität erstellt. Die beste Qualität wird mit einem Wert von 100 erzielt.

Verlustfreie Komprimierung
Codiere das Bild ohne Verlust. Bei Bildern mit vollständig transparentem Bereich, werden die unsichtbaren Pixelwerte nur beibehalten, wenn die Option -exact verwendet wird.

Farbunterabtastung
Aktiviert Chroma-Subsampling von hoher Qualität.

Bildqualität (Alpha)
Gebe den Komprimierungsfaktor für die Alpha-Komprimierung zwischen 0 und 100 an. Die verlustfreie Komprimierung von Alpha wird mit einem Wert von 100 erreicht, während die niedrigeren Werte zu einer verlustbehafteten Komprimierung führen.

Nahezu verlustfreie Komprimierung
Diese Option passt die Pixelwerte an, um die Komprimierbarkeit zu verbessern, hat jedoch nur minimale Auswirkungen auf die visuelle Qualität. Der verlustfreie Komprimierungsmodus wird automatisch ausgelöst. Der Bereich reicht von 0 (maximale Vorverarbeitung) bis 100 (keine Vorverarbeitung).

Voreinstellung Komprimierung
Verwende die Voreinstellung, um den Bildtyp auf den verlustbehafteten Kompressor hinzuweisen.

MitgliederZahlEncoding Einstellungen
VIPS_FOREIGN_WEBP_PRESET_DEFAULT0Standardeinstellung
VIPS_FOREIGN_WEBP_PRESET_PICTURE1Digitales Bild | Wie ein Porträt
VIPS_FOREIGN_WEBP_PRESET_PHOTO2Außenaufnahme | Mit natürlichem LichtÂÂÂ
VIPS_FOREIGN_WEBP_PRESET_DRAWING3Hand- oder Strichzeichnung | Mit kontrastreichen Details
VIPS_FOREIGN_WEBP_PRESET_ICON4Kleine bunte Bilder
VIPS_FOREIGN_WEBP_PRESET_TEXT5Textartig
VIPS_FOREIGN_WEBP_PRESET_LAST6

Graphicsmagick Konverter

Graphicsmagic Konverter

Metadaten
Eine durch Kommas getrennte Liste von Metadaten, die von der Eingabe in die Ausgabe kopiert werden sollen, falls vorhanden.

Bildqualität (Alpha)
Gebe den Komprimierungsfaktor für die Alpha-Komprimierung zwischen 0 und 100 an. Die verlustfreie Komprimierung von Alpha wird mit einem Wert von 100 erreicht, während die niedrigeren Werte zu einer verlustbehafteten Komprimierung führen.

Nutzung des Arbeitsspeicher um 30% reduzieren
Reduziere die Speichernutzung durch verlustbehaftete Codierung, und spare dabei ~ 30% mehr Codierungszeit und eine geringfügig größere Ausgabegröße.

Konvertierungsgeschwindigkeit
Dieser Parameter steuert den Kompromiss zwischen der Codierungsgeschwindigkeit und der Größe und Qualität der komprimierten Datei. Mögliche Werte reichen von 0 (schlechte Qualität) bis 6 (gute Qualität).

Imagemagick Konverter

Imagemagick Konverter

Metadaten
Eine durch Kommas getrennte Liste von Metadaten, die von der Eingabe in die Ausgabe kopiert werden sollen, falls vorhanden.

Autofilter
Dieser Algorithmus benötigt zusätzliche Zeit, um die Filterstärke zu optimieren und eine ausgewogene Qualität zu erzielen. Leider ist es sehr rechenintensiv. Die Konvertierung dauert etwa 5-10 Mal länger.

Bildqualität (Alpha)
Gebe den Komprimierungsfaktor für die Alpha-Komprimierung zwischen 0 und 100 an. Die verlustfreie Komprimierung von Alpha wird mit einem Wert von 100 erreicht, während die niedrigeren Werte zu einer verlustbehafteten Komprimierung führen.

Konvertierungsgeschwindigkeit
Dieser Parameter steuert den Kompromiss zwischen der Codierungsgeschwindigkeit und der Größe und Qualität der komprimierten Datei. Mögliche Werte reichen von 0 (schlechte Qualität) bis 6 (gute Qualität).

WPC Konverter

WPC Konverter

Metadaten
Eine durch Kommas getrennte Liste von Metadaten, die von der Eingabe in die Ausgabe kopiert werden sollen, falls vorhanden.

Bildqualität
Gebe den Komprimierungsfaktor für die Alpha-Komprimierung zwischen 0 und 100 an. Die verlustfreie Komprimierung von Alpha wird mit einem Wert von 100 erreicht, während die niedrigeren Werte zu einer verlustbehafteten Komprimierung führen.

Verlustfreie Komprimierung
Codiere das Bild ohne Verlust. Bei Bildern mit vollständig transparentem Bereich, werden die unsichtbaren Pixelwerte nur beibehalten, wenn die Option -exact verwendet wird.

API-URL
Ruft das Skript der API auf.

API-Version
Versionsnummer der API

API-Schlüssel
API-Schlüssel

API-Schlüssel verschlüsselt
Wird der API-Schlüssel verschlüsselt übermittelt?

GD Konverter

GD Konverter

Bildqualität
Gebe den Komprimierungsfaktor für die Alpha-Komprimierung zwischen 0 und 100 an. Die verlustfreie Komprimierung von Alpha wird mit einem Wert von 100 erreicht, während die niedrigeren Werte zu einer verlustbehafteten Komprimierung führen.

PNG-Dateien überspringen
Die PNG-Konvertierung ist standardmäßig deaktiviert, kann jedoch aktiviert werden, indem die Option zum Überspringen von PNGs auf Nein gesetzt wird.

WebP Shopadmin Funktionen

Bildvorschau
In der Bildvorschau können Sie die Konvertierung der Bilder testen. Wenn Sie das Bild einem neuen Tab aufrufen, sollte .webp am Ende der URL stehen.

Webp-Bilder löschen
Wenn Sie Funktion Webp-Bilder löschen ausführen, werden alle Dateien in dem mediafiles und media Ordner mit der Endung .webp gelöscht. Achtung! Dieser Vorgang kann etwas Zeit in Anspruch nehmen.

Verfügbarkeit testen

Hier werden alle Konverter - nach deinen gesetzten Einstellungen - geprüft. Es empfiehlt sich für den produktiven Betrieb nur einen Konverter in den Einstellungen zu aktivieren.
Sollte kein Konverter funktionieren unterstützt dein Server leider kein WebP - dann solltest du auf den Dienst EWWW wie oben beschrieben setzen - dieser ist Serverunabhängig.

Loading ...