WebP Optimized Images für Magento 2

WebP Optimized Images Extension for Magento 2
Hyvä Compatible Themes Compat Module
Mage-OS Compatible
Composer Installation Composer Installation?

Die #1 Magento WebP Images Lösung

Performance-Optimierung und schnellere Ladezeiten für ein besseres Nutzererlebnis und Top-SEO-Rankings. Reduzieren Sie die Dateigröße Ihrer Bilder ohne Qualitätsverluste. Mit WebP, dem Dateiformat der nächsten Generation für Bilder von Google.

Magento WebP Images.
Der Performance Boost für Ihren Magento Shop:

  • WebP Optimierte Next-Gen Image Files
  • Bis zu 75+% kleinere Bilddateien
  • Rocket Speed: Schnellere Ladezeiten mit WebP-Bildern
  • SEO Optimierung: Bessere Rankings

Alle Highlights Anschauen

Lizenz:


Magento Marketplace Approved by
  • Einmalige Zahlung - Kein Abo
  • Lebenslanger Zugriff auf Quellcode
  • 1 Jahr kostenfreier Support
  • 1 Jahr kostenfreie Updates
awesomeicons6/brands/magento

Geprüft und verifiziert von Magento Marketplace

awesomeicons6/solid/award

1st Extension Provider
     Mit Hyvä Support
     Awesome seit 2021!

awesomeicons6/solid/code-fork

Unverschlüsselt. 100% Open Source & anpassbar

awesomeicons6/solid/code

Coding Standards. Sauberer & lesbarer Code

awesomeicons6/regular/face-smile-beam

Unzählige zufriedene Kunden: Seien Sie der Nächste!

awesomeicons6/regular/heart

Made With Love

Unsere Extensions sind gebaut mit Liebe und Leidenschaft für neue Dinge, Perfektion und Performance.

awesomeicons6/solid/handshake

Praxis Erprobt

Unsere Extensions sind in unseren eigenen Kundenprojekten praxiserprobt.

Kunden Feedback

LÖSUNG

Performance-Optimierung und schnellere Ladezeiten für ein besseres Nutzererlebnis und Top-SEO-Rankings.
Verringern Sie die Dateigröße Ihrer Bilder ohne Qualitätsverluste.
Mit WebP, dem Dateiformat der nächsten Generation für Bilder von Google.

Performance & Qualitäts Boost
für Ihren Magento 2 Shop!

DAS PROBLEM
PERFORMANCE
VS. UX + SEO

Kunden erwarten, dass sie für ihre Kaufentscheidung den bestmöglichen Eindruck vom Produkt bekommen. Am schnellsten geht das natürlich mit überzeugenden Produktfotos - der erste Eindruck zählt!
Emotionen spielen oft eine wichtige Rolle bei der Kaufentscheidung.
Wie kann man diese besser schaffen als mit starken Bildern?
Hochwertige, ansprechende und möglichst viele Bilder sind ein Muss für jeden Online Shop. Das Problem dabei ist:
Viele und qualitativ hochwertige Bilder führen zu langen Ladezeiten, schlechter Performance und letztlich unbefriedigender Nutzererfahrung (UX). Darüber hinaus ist eine gute Performance ein immer wichtigerer SEO- und Ranking-Faktor.
Das Problem wird durch die zunehmende Nutzung des mobilen Internets über langsame Mobilfunkverbindungen noch verschärft. Das Herunterladen von großen Bilddateien dauert bei dieser Kundengruppe wesentlich länger.

DIE LÖSUNG
WEBP NEXT-GEN
OPTIMIERTE BILDER

Die klassischen Dateiformate .jpg und .png wurden vor Jahrzehnten entwickelt und entsprechen daher in Bezug auf Komprimierung und Dateigrößen dem damaligen Stand der Technik. Mit WebP hat Google ein Dateiformat der nächsten Generation für Fotos entwickelt, mit einem viel ausgefeilteren und leistungsfähigeren Komprimierungsalgorithmus, der es ermöglicht, die Dateigröße bei gleichbleibender Qualität erheblich zu reduzieren.


Mit Magento 2 WebP Optimized Images Extension by JaJuMa haben Sie jetzt auch die Möglichkeit Ihre Kunden mit WebP-optimierten Bildern zu versorgen. Ein Performance Boost für eine bessere Nutzererfahrung, schnellere Ladezeiten und bessere SEO-Rankings - ohne jeden zusätzlichen Aufwand. Die Konvertierung und Bereitstellung der neuen WebP-Dateien ist vollständig automatisiert!
Sie haben die Wahl: Einfach zu benutzen mit der Standardkonfiguration oder, falls erforderlich, volle Kontrolle und Feinabstimmungsoptionen für die beste Balance zwischen Bildqualität und Dateigröße.

HIGHLIGHTS

"WebP Optimized Images" Extension Für Magento 2.
by JaJuMa-Develop.

Vollständig automatisierte Performance und SEO-Optimierung.
Flexibel und trotzdem einfach zu bedienen!

awesomeicons6/solid/images

WebP Optimierte Next Generation Image Files

Für Ihren Magento Shop

awesomeicons6/solid/arrows-to-circle

75% und mehr
reduzierte Dateigrößen

Bei gleicher Qualität

awesomeicons6/solid/rocket

Rocket Speed:
Schnellere Ladezeiten

Dank kleinerer WebP Images

awesomeicons6/solid/chart-column

SEO Optimierung:
Bessere Rankings

Dank besserer Performance

awesomeicons6/regular/image

Automatisierte WebP Konvertierung
für bestehende & neue

.jpg + .png Bilder

awesomeicons6/solid/wand-magic-sparkles

Kompatible mit allen Browsern
Automatischer Fallback

Für Browser ohne WebP-Support

awesomeicons6/solid/wrench

Unterstützt 3 verschiedene
WebP Konvertierungs-Tools

GD, cwebp, Imagick

awesomeicons6/solid/terminal

Einfach zu nutzen mit
vorkonfiguriertem Base-Mode oder

volle Kontrolle mit Expert-Mode

awesomeicons6/regular/copy

Dedizierter
WebP Media

Cache

awesomeicons6/solid/thumbs-up

Komplett lokale /
On-Premise Lösung.

Keine zusätzlichen Kosten oder Abhängigkeiten von 3rd Parties

awesomeicons6/regular/eye

Praktisches WebP Konvertierungs-
Test Tool

Konvertierungs-Vorschau im Backend

awesomeicons6/solid/spinner

Option zum Hinzufügen von
Native Lazy Loading

Für WebP konvertierte Bilder

awesomeicons6/solid/paintbrush

Ermöglicht
.webp Images

Als CSS Background Images zu nutzen

awesomeicons6/solid/expand

Unterstützung für
Lazy Loading

Scripte

awesomeicons6/brands/hyva-colored
Hyvä Theme Compatible
Zur Hyvä Demo
awesomeicons6/brands/mage-os-filled
Mage-OS Compatible
Zur Mage-OS Demo

Wollen Sie noch mehr?

Entdecken Sie die fortschrittlichste Bildoptimierungslösung für Magento 2:
Ultimate Image Optimizer

JaJuMa WebP Optimized Images Extension

Alle Features der "WebP Optimized Images" Extension

AVIF / AV1 Logo

AVIF Optimierte Bilder

awesomeicons6/solid/gauge-high

High-Resolution/
Retina Bilder

awesomeicons6/regular/images

Responsive Bilder

awesomeicons6/brands/delicious

Background Image Optimierung

awesomeicons6/solid/panorama

Low Quality Image Previews (LQIP)

awesomeicons6/solid/feather

SEO freundliche Bild-
Names & Alt-Texts

awesomeicons6/brands/aws

Amazon AWS S3 Support

awesomeicons6/solid/chart-pie

Optimierung per Cron/CLI

awesomeicons6/solid/fan

Und vieles mehr...

DETAILS

Magento WebP Optimized Images Extension by JaJuMa Im Detail.

Next-Generation Dateiformat für Top-Ladezeiten in Ihrem Online-Shop!

JaJuMa WebP Optimized Images Extension

Gönnen Sie Ihren Kunden und Ihrem Magento Shop schnellere Ladezeiten!

Gönnen Sie Ihren Kunden und Ihrem Magento Shop schnellere Ladezeiten! Nicht nur für Ihre Kunden, Google berücksichtigt Seiten Ladezeiten mittlerweile als offiziellen Ranking-Faktor. Top-Ladezeiten und -Performance sind also ein Muss für jeden Online Shop und gute SEO Rankings.


Bilddateien machen bei Webseiten in der Regel den bei weitem größten Teil der zu übertragenden Daten aus. Entsprechend groß ist das Optimierungspotential durch die Wahl des richtigen Dateiformat und der optimalen Komprimierung um möglichst kleine Dateigrößen zu erreichen. Mit WebP entscheiden Sie sich für ein Next-Generation Dateiformat mit dem Sie die perfekte Balance zwischen Bildqualität und Dateigröße erreichen. Mit der Magento WebP Optimized Images Extension, wählen ein Dateiformat der nächsten Generation, mit dem Sie die perfekte Balance zwischen Bildqualität und Dateigröße. erreichen.


WebP wurde von Google entwickelt wird auch in "Lighthouse", dem auch intern bei Google verwendeten Analyse-Tool für Website Performance, explizit als Optimierungs-Maßnahme für maximale Geschwindigkeit empfohlen. Nicht nur, aber insbesondere für Besucher mit langsamen 2G/3G bzw. Mobilfunkverbindungen wirkt sich jedes eingesparte Byte spürbar auf die Seitenladezeit aus.


Überzeugen Sie sich von JaJuMa WebP Optimized Images und
den Vorteilen von WebP:
Signifikant kleineren Bilddateien bei gleichzeitig Top-Bildqualität
Sie werden überrascht sein!

WebP Vergleichsstudie

Magento Luma Demo Produkt Bilder
Original .jpg vs. WebP Optimiert


Wie gut ist Magento WebP optimierte Bilder?
Wie viel kleiner werden WebP-Bilder sein?
Und wie steht es um die WebP-Qualität im Vergleich zu .jpg / .png?

Wir haben es für Sie getestet: Anhand der Produkbilder der Magento Luma Demo Produktdaten.

Insgesamt 725 Fotos, im Original als .jpg Datei, haben wir mit unterschiedlichen Komprimierungsstufen in WebP Dateien konvertiert.

Im Folgenden finden Sie die Ergebnisse im Vergleich bzgl. Dateigröße, Einsparungspotential sowie Bild-Qualität.

Sie werden überrascht sein!

Dateigröße in MB:


Vergleich: Dateigröße WebP vs. JPG
Dateiformat Dateigröße (MB)
Original .jpg 71
WebP Qualität 90 59
WebP Qualität 75 26
WebP Qualität 50 17

Die insgesamt 725 Demo Produkfotos in unserem Test kommen im Original als .jpg Dateien zusammen auf eine Dateigröße von rund 71 MB.

Bei einer Konvertierung in WebP mit einem Komprimierungfsaktor von "Quality = 90" lässt sich bereits eine Reduktion der Dateigröße auf 59 MB erzielen.

Verringert man den Komprimierungsaktor auf "Quality = 75" ergibt sich ein echter Sprung auf nur noch 26 MB!

Schraubt man den Komprimierungsaktor auf "Quality = 50" herunter lassen sich nochmals signifikante Einsparungen bei der Dateigrößen erreichen, mit einem Ergebnis von nur noch 17 MB!

Einsparung in Prozent:


Vergleich: Mögliche Einsparung / Optimierung WebP vs. JPG
Dateiformat Einsparung (%)
Original .jpg -
WebP Qualität 90 17 %
WebP Qualität 75 64 %
WebP Qualität 50 76 %

Rechnet man die beschriebenen Ergebnisse bzgl. Gesamtdateigröße in prozentuale Redzierungen um, kommt man zu folgendem Ergebnis:

Je nach Komprimierungsstufe lassen sich für jedes einzelne Bild im Durchschnitt rund

  • 17 % (mit Qualität = 90),
  • 64 % (mit Qualität = 75) oder sogar
  • 76 % (mit Qualität = 50)

Reduzierung der Dateigrößen im Vergleich zu den Original .jpg Dateien realisieren.

awesomeicons6/regular/lightbulb
Generell hängt der ideale Komprimierungsfaktor natürlich von der Art und Qualität des vorhandenen Bildmaterials sowie den individuellen Anforderungen an Bildqualität ab.
Ein Komprimierungsfaktor von 75 liefert jedoch in den meisten Fällen ein gutes Ergebnis.

Qualitätsvergleich .jpg vs. WebP:

Überzeugen Sie sich anhand der folgenden Gegenüberstellungen von Original .jpg und mit verschiedenen Komprimierungsstufen optimierten WebP Dateien, dass WebP auch hinsichtlich Bild-Qualität überzegt und keine Kompromisse verlangt.

Bewegen Sie den Slider von links nach rechts um einen direkten Vergleich zwischen Original .jpg (links) und .webp (rechts) in unterschiedlichen Qualitätsstufen zu sehen.

Die gezeigten Bilder haben jeweils eine Auflösung von 497 x 700 Pixel:


JPG (Original): 55,2 KB
vs.
WebP (Qualität 90): 52,6 KB

Qualitätsvergleich WebP vs. JPG: Original .jpg Qualitätsvergleich WebP vs. JPG: WebP Qualität 90
JPG (Original): 55,2 KB
vs.
WebP (Qualität 75): 27,5 KB

Qualitätsvergleich WebP vs. JPG: Original .jpg Qualitätsvergleich WebP vs. JPG: WebP Qualität 75
JPG (Original): 55,2 KB
vs.
WebP (Qualität 50): 20,3 KB

Qualitätsvergleich WebP vs. JPG: Original .jpg Qualitätsvergleich WebP vs. JPG: WebP Qualität 50
WebP Optimized Images Extension: Wie funktionierts?

Wie funktioniert die Extension und
die Konvertierung in WebP Dateien?

Mit der Magento WebP Optimized Images Extension von JaJuMa müssen Sie nicht zusätzlich zu Ihren vorhandenen .jpg oder .png Bildern auch noch Bild-Dateien im .webp Format erstellen und hochladen. Die Extension konvertiert Ihre Bilder komplett automatisch!
Sowohl bereits vorhandene als auch neu hinzugefügte Bilder.

Einfacher geht es nicht: Extension installieren, aktivieren und konfigurieren.
Anschließend werden die .webp Dateien beim Aufruf Ihrer Seite automatisch generiert.
Für die erstellten WebP Dateien nutzt die Extension einen dedizierten WebP Media Cache, d. h. für bereits konvertierte Bilder wird auf die vorhandenen Dateien zurückgegriffen.

Sie möchten die Komprimierungsstärke ändern um kleinere Dateigrößen oder eine bessere Bild-Qualität zu erreichen? Kein Problem, einfach den WebP Media Cache leeren und schon wird Ihre angepasste Konfiguration angewendet.

WebP Optimized Images Extension: 3 Konvertierungstools unterstützt

Konvertierungs tools

Sie haben die Wahl - JaJuMa WebP Optimized Images unterstützt 3 verschiedene Konvertierungstools:

  • GD,
  • Imagemagick und
  • cwebp

GD und / oder Imagegick sind Systemanforderung für eine korrekt funktionierende Magento-Installation. Mindestens eine der beiden sollte also auf jeder Magento-Installation vorhanden und direkt "out-of-the-box" mit der Extension nutzbar sein.

Zusätzlich enthalten ist die cwebp Binary, das "offizielle" Konvertierungstool von Google. cwebp bietet ggü. den beiden anderen Tools die meisten Optionen zum Feintuning der Konvertierung und liefert erfahrungsgemäß in den meisten Fällen die etwas besseren Ergebnisse. Zudem gilt cwebp als das schnellste der 3 Tools. Für die Nutzung von cwebp sind jedoch ggf. zusätzliche Installationen mit root Rechten sowie die Berechtigung zur Ausführung der Binary erforderlich.

Einfacher Basis Modus oder Advanced Modus

Magento WebP Optimized Images von JaJuMa macht es Ihnen einfach oder lässt Ihnen die volle Kontrolle über die Konvertierungsparameter, ganz wie Sie möchten.

awesomeicons6/brands/whmcs

Basis Modus:
Im Basis Modus wählen Sie einfach das gewünschte Konvertierungstool, konfigurieren ggf. den Pfad zur ausführbaren Datei auf Ihrem Server und definieren die Komprimierungsstufe (Wert zwischen 0 - 100). Die Konvertierung erfolgt dann mit vorkonfigurierten Parametern, die in den allermeisten Fällen zu einem guten Ergebnis führen.

awesomeicons6/brands/whmcs

Advanced Modus:
cwebp und Imagick bieten eine ganze Reihe an Parametern mit denen sich die Konvertierung steuern lässt. Für erfahrene Anwender besteht so die Möglichkeit die Konvertierung individuell an Ihr Bildmaterial anzupassen. Für ein optimales Ergebnis mit perfekter Balance zwischen Qualität und Dateigröße nach Ihren Anforderungen.

Kompatibel mit allen Browsern


WebP ist ein neuer Standard der derzeit noch nicht von allen Browsern unterstützt wird.
Aber keine Sorge: Mit JaJuMa WebP Optimized Images funktioniert Ihr Magento Shop auch weiterhin in allen Browsern ohne Einschränkungen.

Über 98% aller Internetnutzer
benutzen einen WebP-fähigen Internet-Browser

Über 98% aller Internetnutzer benutzen einen WebP-fähigen Internet-Browser und profitieren somit von den Vorteilen und den schnelleren Ladezeiten mit WebP..


Aber auch Nutzer mit Browsern ohne WebP-Support haben mit JaJuMa WebP Optimized Images keinerlei Nachteile oder Einschränkungen. Als Fallback wird diesen Nutzern automatisch die "normale" Version Ihrer Bilder in Form von .jpg oder .png Dateien ausgeliefert.


Mit JaJuMa WebP Optimized Images machen Sie Ihren Magento Shop schon heute fit für das schnellere Internet der Zukunft.

Vollständig Lokale / On-Premise Lösung


Zuverlässigkeit, Verfügbarkeit, Kosten.
Mit JaJuMa WebP Optimized Images sind Sie auf der sicheren Seite und gehen kein Risiko ein.

Mit JaJuMa WebP Optimized Images gehen Sie auf Nummer sicher. Die Konvertierung erfolgt komplett lokal auf Ihrem Server. Im Gegensatz zu anderen Lösungen bei denen die Konvertierung durch 3rd Party Services auf Remote Systemen erfolgt behalten Sie die volle Kontrolle. Sowohl über die Bildqualität als auch über die Kosten. Egal wie viele Bilder Sie konvertieren, es entstehen Ihnen keine zusätzliche Kosten.
Testen Sie verschiedene Konvertierungsstufen bis das gewünschte Ergebnis erreicht ist, ohne sich Sorgen um Ihr Budget machen zu müssen.

Lokale / On-Premise Bildkonvertierung und Hosting bedeutet auch:

Kein rechtliches Risiko und 100%ige Einhaltung der GDPR. Ein weiterer Vorteil der Extension als vollständig lokale / On-Premise-Lösung ist die Zuverlässigkeit und Verfügbarkeit. Vermeiden Sie das Risiko und die Abhängigkeit von einem zusätzlichen Dienstleistungsanbieter.
Es werden keine persönlichen Informationen (PII) an Dritte weitergegeben.

Kunde Bewertungen

Rating
Very satisfied
Bewertung von
We are very satisfied with this module. It reduces the sizes of our images and so the loading of our pages are much more faster now. We recommand this module for everybody!!!
Rating
very good module
Bewertung von
Excellent module and support.It works as described
Rating
Useful extension
Bewertung von
Amazing extension work as expected and easy to use

Schreiben Sie Ihre Bewertung

Ihre Bewertung:
Laden...

Sie haben Ihre Bewertung für die Moderation übermittelt.

Frequently Asked Questions

FAQs zu WebP Optimierten Bildern
Was ist WebP?

WebP ist ein Bildformat, das erstmals im Jahr 2010 veröffentlicht wurde. Es wird derzeit von Google entwickelt und beworben.
WebP ist eine Alternative zu herkömmlichen Bildformaten wie JPG oder PNG. WebP verwendet sowohl verlustbehaftete als auch verlustfreie Komprimierung und verspricht kleinere Dateigrößen als JPG oder PNG.
WebP ist jedoch kein vollständiger Ersatz für JPG / PNG-Bilddateien. Da derzeit noch nicht alle Browser WebP unterstützen, müssen Websites neben WebP auch alte Bildtypen bereithalten und WebP nur für Besucher bereitstellen, die einen Browser verwenden, der das neue Bildformat anzeigen kann.

Was ist der Vorteil von WebP?

WebP ermöglicht kleinere Dateigrößen im Vergleich zu JPG oder PNG bei gleichbleibender Qualität oder nur minimalem Qualitätsverlust.
Da Websites und insbesondere Online-Shops in der Regel viele Bilder verwenden, machen Bilder den größten Teil der Daten aus die auf einer Website heruntergeladen werden müssen.
Daher bedeutet das Verringern der Dateigröße von Bildern ein schnelleres Laden und einen geringeren Bandbreitenverbrauch von Websites.
Insbesondere, aber nicht nur Benutzer mit mobilen Geräten oder langsamer Internetverbindung, profitieren in hohem Maße von schnelleren Ladezeiten bei Verwendung von WebP-Bildern.

Wie viel kleiner sind WebP-Bilder?

Der Prozentsatz, wie viel kleiner WebP-Bilder im vergleich zu JPG und PNG sein können, hängt stark vom Einzelfall ab. Z. B. Welche Art von Bildern haben Sie, wie stark sind Ihre JPG/PNG-Dateien bereits durch verlustbehaftete/verlustfreie Komprimierungstechniken optimiert? Welche Qualitätsanforderungen werden an Sie gestellt? Laut Google können mit WebP folgende Dateigrößenreduzierungen realisiert werden:

 

Verlustfreie WebP-Bilder sind im Vergleich zu PNGs 26% kleiner. WebP-verlustbehaftete Bilder sind 25-34% kleiner als vergleichbare JPEG-Bilder bei SSIM-Qualitätsindex

und

Lossless WebP unterstützt Transparenz (auch als Alpha-Kanal bezeichnet) zu einem Preis von nur 22% zusätzlichen Bytes. In Fällen, in denen eine verlustbehaftete RGB-Komprimierung akzeptabel ist, unterstützt lossy WebP auch Transparenz und bietet im Vergleich zu PNG in der Regel eine dreimal kleinere Dateigröße.

(source)

Mit unserer eigenen Studie, die auf Magento Luma-Beispielbildern basiert, haben wir jedoch festgestellt, dass viel höhere Einsparungen und eine Reduzierung der Dateigrößen um bis zu 75% und mehr bei guter Bildqualität erzielt werden können - siehe Grafik und Tabelle oben.

Bietet WebP die gleiche Qualität wie .jpg / .png?

Ja, WebP bietet dieselbe Qualität wie JPG oder PNG.
Bei Bildern, die auf Websites verwendet werden, ist jedoch ein ausgewogenes Verhältnis zwischen Dateigröße und Qualität von Bedeutung. Oder mit anderen Worten, eine positive Benutzererfahrung in Bezug auf sowohl schnelle Ladezeiten als auch überzeugende, schön anzuschauende Bilder.
WebP bietet genau das, in Abhängigkeit von den Originalbildern: Eine höhere Komprimierungsrate kann zu einem enormen Rückgang der Dateigröße führen, jedoch nur zu einem geringfügigen, für das menschliche Auge kaum wahrnehmbaren Qualitätsverlust.
Einen Eindruck davon, wie sich unterschiedliche Komprimierungsraten auf die Dateigröße und die Qualität auswirken, erhalten Sie in unserem obigen Qualitätsvergleich WebP vs. JPG.
Können Sie den Qualitätsunterschied erkennen?

Warum sollte ich WebP verwenden?

Mit WebP können Sie Bilder auf Ihrer Website mit kleineren Dateigrößen speichern. Kleinere Dateigrößen bedeuten schnellere Ladezeiten und ein besseres Nutzererlebnis.
Sie möchten, dass Ihre Website auch auf Mobilgeräten schnell geladen wird, selbst für Kunden, die langsame Verbindungen mit geringer Bandbreite verwenden?
WebP ist Ihre Wahl, um genau das zu erreichen.
Pagespeed ist wichtig und jeder liebt schnelle Websites und Onlineshops, oder? Natürlich liebt auch Onkel Google schnelle Websites. Sie möchten, dass der Google-Bot Ihre Website mag, hohe Punktzahlen bei Google Page Speed Insight und Lighthouse Audits erzielen?
Genau darum geht es bei WebP. Alles dreht sich um Geschwindigkeit und Leistung von Websites. Aus diesem Grund empfiehlt und fördert Google WebP und aus diesem Grund sollte es auf jeder Website verwendet werden.

Welche Browser unterstützen WebP?

Die Browserabdeckung für WebP beträgt inzwischen fast 100 %.


Siehe https://caniuse.com

Unterstützt Magento WebP Bilder?

Nein, Magento unterstützt WebP standardmässig nicht. Benutzerdefinierte Funktionen für die Konvertierung von JPG / PNG Dateien in WebP und die Bereitstellung von WebP Dateien für Kunden, die kompatible Browser verwenden, müssen hinzugefügt werden. Am einfachsten geht das mit einer Erweiterung wie JaJuMa WebP Optimized Images-Extension für Magento 2, die diese Funktionen sowie weitere Optionen für Benutzerfreundlichkeit und maximale Kompatibilität für Ihren Magento-Shop bietet.

Wie kann ich WebP mit Magento verwenden?

Der beste und schnellste Weg, um WebP-Bilder zu Ihrem Magento-Shop hinzuzufügen, ist die Verwendung einer Erweiterung wie
JaJuMa WebP Optimized Images Extension für Magento 2
Die Erweiterung konvertiert Ihre vorhandene Bilder automatisch. Unterstützt 3 Konvertierungstools für maximale Kompatibilität, läuft zu 100% auf Ihrem Server ohne wiederkehrende Kosten oder zusätzliche Abhängigkeiten für Sie.

FAQs zu JaJuMa WebP Optimized Images
Was sind die Systemanforderungen?

Damit die Erweiterung ordnungsgemäß funktioniert, muss mindestens eines der unterstützten Konvertierungstools auf Ihrem Server verfügbar sein:

  • GD (mit WebP Support aktiviert)
  • cwebp
  • Imagemagick

Mindestens eines dieser Konvertierungswerkzeuge muss auf Ihrem Server verfügbar sein.
GD sollte bei den meisten Magento-Installationen sofort funktionieren. Die Befehlszeilentools cwebp + Imagemagick müssen vom Webbenutzer ausführbar sein und erfordern möglicherweise zusätzliche Installations- oder Konfigurationsschritte, um ordnungsgemäß auf Ihrem Server ausgeführt zu werden - Weitere Informationen und Anweisungen finden Sie im Handbuch.

Wie kann ich überprüfen, welche Konvertierungstools auf meinem Server verfügbar sind?

Vom Backend aus prüfen:
Wenn Sie die Erweiterung bereits installiert haben, können Sie mit dem Conversion Test Tool aus dem Backend überprüfen, ob die Konvertierungstools auf Ihrem Server funktionieren.
Führen Sie folgende Schritte aus, um die Konvertierung zu testen und eine Vorschau des Konvertierungsergebnisses anzuzeigen:

  1. 1. Schließen Sie die Konvertierungskonfiguration ab, wie im Handbuch beschrieben
  2. 2. Geben Sie die Produkt-ID (nicht die Artikelnummer) in das Textfeld neben "Test Conversion Tool"-Button ein
  3. 3. Klicken Sie auf "Test Conversion Tool"-Button
  4. 4. Siehe PopUp mit Konvertierungsergebnis:
    Success: Falls die Konvertierung erfolgreich ist:
    Sie sehen das Ergebnis als Vergleich zwischen dem Originalbild (links) und dem erstellten WebP-Bild (rechts).
    Sie können den vertikalen Schieberegler verschieben, um mehr von dem Originalbild oder dem WebP-Bild anzuzeigen, um den perfekten Eindruck in Bezug auf die Qualität zu erhalten.
    Fail: Falls die Konvertierung fehlschlägt, gibt das PopUp einen Hinweis darauf, was schief gelaufen ist und wie es behoben werden kann.

Über CLI prüfen:
Wenn Sie per CLI überprüfen möchten, welche Konvertierungstools auf Ihrem Server verfügbar sind, ohne die Erweiterung installiert zu haben, gehen Sie folgendermaßen vor:

Wie kann ich überprüfen, ob mein Server die WebP-Konvertierung mit GD unterstützt?

Führen Sie auf Ihrer CLI den folgenden Befehl aus:

 

php -i  grep -E 'WebP SupportGD'

Wenn GD auf Ihrem Server
- nicht unterstützt / installiert ist führt dies zu einem leeren Ergebnis.
- unterstützt / installiert ist sollte die Ausgabe ungefähr so aussehen::

GD Support => enabled
GD Version => bundled (2.1.0 compatible)
WebP Support => enabled

Hinweis: Die letzte Zeile dieser Ausgabe muss ein "enabled" sein.

Wie kann ich überprüfen, ob mein Server die WebP-Konvertierung mit cwebp unterstützt?

Führen Sie den folgenden Befehl auf Ihrer CLI aus, um festzustellen, ob cwebp als globaler Befehl verfügbar ist:

cwebp

Wenn cwebp auf Ihrem Server
- nicht supported / installiert ist erhalten Sie mit diesem Befehl eine Fehlermeldung.
- supported / installiert sollte die Ausgabe sollte die Manpage für cwebp sein.

Falls cwebp auf Ihrem Server nicht als globaler Befehl verfügbar ist, können Sie die folgenden Schritte ausführen:

  • cwebp auf Ihrem Server installieren
    a) Laden Sie die offizielle cwebp lib von hier https://developers.google.com/speed/webp/docs/precompiled auf Ihren Server
    b) Diese lib ist auch in unserer Erweiterung enthalten. Wenn Sie die Erweiterung bereits installiert haben, finden Sie sie in folgendem Pfad:
    /magento/root/app/code/Jajuma/WebpImages/bin/cwebp
  • Stellen Sie sicher, dass die lib ausführbar ist
  • Führen Sie auf Ihrer CLI den folgenden Befehl aus:

 

</path/to/cwebp/lib/on/your_server>/cwebp

Wenn cwebp mit dieser Methode auf Ihrem Server ausgeführt werden kann sollte die Ausgabe die Manpage für cwebp sein.
Wenn cwebp auf Ihrem Server mit dieser Methode nicht ausgeführt werden kann erhalten Sie eine Fehlermeldung / einen Hinweis zu fehlenden Abhängigkeiten.

Hinweis:
Damit cwebp mit der Erweiterung korrekt funktioniert:

  • cwebp und alle Abhängigkeiten müssen korrekt auf Ihrem System installiert sein
  • cwebp binary muss ausführbar sein (vom Webbenutzer)
Wie kann ich überprüfen, ob mein Server die WebP-Konvertierung mit Imagemagick unterstützt?

Führen Sie den folgenden Befehl in Ihrer CLI aus, um festzustellen, ob ImageMagick als globaler Befehl verfügbar ist:

convert

Wenn Imagemagick auf Ihrem Server nicht unterstützt / installiert ist erhalten Sie damit eine Fehlermeldung.
Wenn Imagemagick auf Ihrem Server unterstützt / installiert ist sollte die Ausgabe die Manpage für Imagemagick sein.

Was ist der Scope der Extension?

JaJuMa WebP Optimized Images Extension unterstützt die Konvertierung von JPG- und PNG-Bildern in WebP-Dateien basierend auf der unten beschriebenen Konfiguration mit einem der drei unterstützten Konvertierungs-Tools:

 

  • GD
  • Cwebp
  • Imagemagick

Alle Bilder, die im Markup aller Seiten Ihrer Website gefunden werden, sowie Bilder in der Fotorama-Mediengalerie auf der Produktseite werden konvertiert und als WebP-Bilder an Besucher gesendet.
Durch Verwendung von HTML5 -tags / Erkennung von WebP-Unterstützung des Browsers wird sichergestellt, dass .webp-Dateien nur Browsern bereitgestellt werden, die diesen Bildtyp anzeigen können. Für Besucher, die einen Webbrowser ohne .webp-Unterstützung verwenden, werden automatisch .jpg- oder .png-Dateien bereitgestellt.
Die Erweiterung integriert sich in das Magento Media Management.
Das heißt, WebP-Bilddateien werden für die gleichen Größenvarianten wie für JPG- / PNG-Dateien erstellt (z. B. Miniaturansichten und kleine Rasterbilder sowie Originalgröße).
Die Erweiterung enthält zudem einen separaten Mediencache für WebP-Bilder.
In diesem Cache erzeugte und gespeicherte WebP-Bilder können jederzeit gelöscht werden, z. B. um eine andere Konvertierungskonfiguration / Qualitätsstufe anwenden.

Ist diese Erweiterung mit Full Page Cache (FPC) kompatibel?

Ja, JaJuMa WebP Optimized Images ist vollständig kompatibel mit Full Page Cache (Default FPC & Varnish).

Funktioniert diese Erweiterung mit meinem Custom Magento-System?

Wie jede Erweiterung im Magento Marketplace wurde JaJuMa WebP Optimized Images für Magento Default entwickelt.
Obwohl wir versuchen, Konflikte mit anderen benutzerdefinierten Funktionen zu vermeiden, können wir dies nicht für jede denkbare individuelle Anpassung garantieren.
Insbesondere für den Fall, dass Sie andere Anpassungen bezüglich der Auslieferung von Bildern an Ihre Kunden vorgenommen haben (z. B. Lazyloading, Bildaustausch bei Hover, per CDN ausgelieferte Bilder…), funktioniert die Extension möglicherweise noch einwandfrei. Es kann aber auch zu Konflikten kommen die verhindern, dass die Extension wie erwartet funktioniert.
Es kommt ganz darauf an, wie Ihre individuelle Implementierung funktioniert.
Neben der Unterstützung von 3 verschiedenen Konvertierungstools haben wir auch einige Konfigurationsoptionen hinzugefügt, um die Erweiterung in so vielen Szenarien wie möglich zu verwenden sowie checks eingebaut um Konflikte zu vermeiden.

Ist die bei der Konvertierung angewendete Qualität / Komprimierungsstufe konfigurierbar?

Ja, natürlich.
Sie können die für die Konvertierung verwendete Qualität / Komprimierungsstufe so konfigurieren, dass eine perfekte Balance zwischen Dateigröße und Qualität erzielt wird, die Ihren Anforderungen entspricht.
Wenn Sie cwebp oder Imagemagick für die WebP-Konvertierung verwenden, können Sie die Konvertierungsergebnisse sogar mit einem vollständig benutzerdefinierten Konvertierungsbefehl an Ihre Anforderungen anpassen.
Detaillierte Anweisungen zur Konfiguration finden Sie im Handbuch.

Wie finde ich die beste Qualitätsstufe für die WebP-Konvertierung?

JaJuMa WebP Optimized Images Extension enthält ein Tool für die Konvertierungsvorschau.
Es zeigt Ihnen einen direkten Vergleich zwischen dem Originalbild (links) und dem erstellten WebP-Bild (rechts) oder einige Hinweise, was bei einer fehlgeschlagenen Konvertierung schief gelaufen ist.
Spielen Sie einfach mit der Qualitätsstufe und den Konvertierungseinstellungen, bis die Qualitätsstufe so niedrig wie möglich ist, um Ihre Qualitätsanforderungen zu erfüllen und die kleinstmögliche Dateigröße zu erzielen.

Was ist die beste Qualitätsstufe für die WebP-Konvertierung?

Die Konvertierungsergebnisse hängen in Bezug auf die Größe der WebP-Dateien, die im Vergleich zu JPG / PNG-Dateien gesparten Datenmengen, sowie die Qualität in hohem Maße von Ihren vorhandenen Bildern ab.
Darüber hinaus können die Erwartungen an die Bildqualität von Anwendungsfall zu Anwendungsfall sehr unterschiedlich sein.
Daher gibt es keine allgemeingültige Empfehlung für die Konfiguration von Qualitätsstufe / Konvertierung, die für jeden Anwendungsfall "perfekte" Ergebnisse liefert.
Mit den vorkonfigurierten Konvertierungsparametern im Basismodus haben wir versucht, Ihnen eine Konfiguration bereitzustellen, mit der Sie sofort gute Ergebnisse erzielen.
Die Verwendung von Qualitätsstufe 75 als Standardkomprimierungsfaktor scheint in den meisten Fällen eine gute und sichere Wahl zu sein, um solide und ausgewogene Ergebnisse zu erzielen.
Sollten die Ergebnisse mit dieser Konfiguration nicht zufriedenstellend sein, können Sie im erweiterten Modus mit den verschiedenen Parametern experimentieren, um eine Konfiguration zu finden, die Ihren Anforderungen besser entspricht. Ganz einfach mit dem von der Erweiterung bereitgestellten Konvertierungstest-Tool.

Wo finde ich Informationen zu erweiterten cwebp / Imagemagick-Konvertierungsparametern?

Weitere Informationen finden Sie in der offiziellen Dokumentation:
cwebp: https://developers.google.com/speed/webp/docs/cwebp
Imagemagick: https://www.imagemagick.org/script/webp.php

Kann ich bestimmte Bilder von der Konvertierung in WebP ausschließen?

Ja, mit der Blacklist Konfiguration der Extension ist es möglich, bestimmte Bilder auf Ihrer Seite von der WebP-Konvertierung auszuschließen.
Sie können beliebige Zeichenfolgen oder RegEx als durch Kommas getrennte Liste hinzufügen. Alle -Tags, die mit einer der angegebenen Zeichenfolgen / RegEx übereinstimmen, werden von der Konvertierung ausgeschlossen.
Beispiel 1:Logo mit dem Namen logo.png ausschließen::
logo\.jpg
Beispiel 2: Schließen Sie das Logo logo.png UND alle über den WYSIWYG-Editor hochgeladenenen Bilder aus:
logo\.jpg,wysiwyg
Beispiel 3: Schließen Sie Bilder mit einer bestimmten CSS-Klasse aus, z. B. product-image-photo:
product-image-photo

Hinweis: IMG-Tags mit data-nowebp="true" sind standardmäßig von der Konvertierung ausgeschlossen.

Welches WebP-Konvertierungstool soll ich verwenden?

Wir empfehlen die Verwendung von cwebp, dem von Google entwickelten offiziellen Konvertierungstool. Es ist die beste Wahl in Bezug auf Qualität, Conversion-Geschwindigkeit und liefert auch die meisten Conversion-Parameter Der Preis dafür ist jedoch die „Herausforderung“, cwebp auf Ihrem Server zum Laufen zu bringen, was möglicherweise nicht in jedem Fall möglich ist, z. B. mit einigen shared Hosts.
In diesem Fall empfehlen wir, GD zu verwenden. Es sollte auf den meisten Magento-Systemen ohne weitere Setup-Anforderungen sofort einsatzbereit sein und ist einfach zu verwenden, da nur eine Option konfiguriert werden muss. In den meisten Fällen liefert GD jedoch immer noch ziemlich gute Ergebnisse Imagemagick ist in Bezug auf die Konvertierungsgeschwindigkeit ebenfalls ziemlich gut, soll jedoch etwas weniger gute Qualität als die anderen 2 Tools liefern.

Funktioniert meine Website auch mit Browsern, die WebP nicht unterstützen?

Ja, mit dieser Extension werden Browser, die WebP nicht unterstützen, automatisch auf das Laden der ursprünglichen .jpg/.png-Bilder zurückgreifen.

Ist diese Erweiterung mit anderen Diensten von Drittanbietern integriert?

Nein, diese Extension funktioniert zu 100% lokal auf Ihrem Server, einschließlich WebP-Konvertierungen.

Es werden keine Daten an Dritte weitergegeben.

Werden meine Originalbilder verändert oder gelöscht?

Nein, die ursprüngliche Bilddatei wird nicht verändert oder gelöscht, einschließlich der Bildpfade in der DB.

Erstellte WebP-Bilddateien werden separat in einem speziellen WebP-optimierten Bilder-Cache-Ordner gespeichert.

Optimiert diese Erweiterung vorhandene und neue Bilder?

Ja, sowohl Bilder, die bei der Installation des Moduls bereits vorhanden sind, als auch Bilder, die später hinzugefügt werden, werden optimiert.

General Magento Extension Questions
How to install Magento 2 extensions from JaJuMa?

We offer different ways of Magento 2 extension installation:

Before Installing

  • We recommend you to duplicate your live store on a staging/test site and try installation on your staging/test site before deploying to your live store
  • Backup Magento files and the store database


Please Note:
It’s very important to backup all themes and extensions in Magento before installation, especially when you are working on a live server. We strongly recommend you to do not skip this step.

Manual Extension Installation via FTP/SSH:

After purchasing an extension, you can download the module as .zip package in your Customer Account.
After downloading the .zip package, please follow these steps for installation:

  1. Log into your hosting space via a FTP client (e. g. FileZilla, WinSCP, cuteFtp)
  2. Create Folder: /app/code/Jajuma/[ExtensionName]*
  3. Unzip extension package and upload files into: /app/code/Jajuma/[ExtensionName]*
  4. Enter and run the following commands at the command line:
    php bin/magento setup:upgrade
    php bin/magento setup:static-content:deploy

* Note: [ExtensionName] can be found in registration.php file: Jajuma_[ExtensionName]

 

Extension Installation via Composer / Magento Marketplace:

For installation via composer, please get the extension

  • from Github and install as any other extension from Github or
  • from Magento Marketplace and follow this Installation Guide and
    make sure to use the correct key for Marketplace repo (the key that belongs to the account that purchased the module).
    In case of issue with installing via composer, please double-check to use the correct key for Marketplace repo.
    Your key should be in your auth.json file.


Links for composer installation to Github/Marketplace can be found on top of this page in technical info section - Click Here

Error Could not find a matching version of package jajuma/[module-name]. Check the package spelling, your version constraint and that the package

With this error message, most likely the key used for the Marketplace repo is wrong/invalid, i. e. not the key that belongs to the account that purchased the module. Please double-check to use the correct key for the Marketplace repo.

For installing extensions from Magento Marketplace, please follow this guide and make sure to use the correct key for the Marketplace repo:
Installation Guide

Please feel free to get in touch with our support in case you have any further questions or concerns or check with Marketplace support in case the installation issue can not be resolved.

Do you offer free technical support?

After purchasing a (non-free) extension we provide 12 month support via support ticket for free.

Do you offer customization service for your extensions?

Yes, please get in touch with our customer support so we can clarify your requirement and provide a quote.

Where can I download my extension?

You can download your extension from your customer account as soon as the payment has been processed.

Do you offer a free trial period?

Unfortunately, we can not offer a free trial period.

However, we do have demo site for all our extensions. Feel free to test all the features and see how the extensions work.

In case of any questions or concerns regarding compatibility or how some extension works our customer support is also always happy to help.

Do you offer refunds?

All our extensions are non-tangible downloadable goods. Hence we can unfortunately not issue refunds.

Refunds will NEVER be issued for services provided such as installation support, customization and software development work.

Changelog

Version: 1.0.0

  • Initial Release

Version: 1.0.1

  • Minor Fix for Magento 2.3 compatibility

Version: 1.0.3

  • Update Browser .webp support detection
  • Fix for Google Chrome version 71+
  • Added Support for Firefox version 65+

Version: 2.0.0

  • Extended Scope: All convertible images found in markup on all pages + images in Fotorama Media Gallery on Product Page are converted now
  • Added: dedicated Media Cache for WebP Images
  • Added: Conversion Test Tool & Conversion Preview in Backend
  • Added: some checks to avoid conflicts / avoid issues with some edge-cases & customizations
  • Added: Advanced Configuration for flexibility (Blacklist) and allow compatibility with some custom functions (e. g. lazyload support)
  • Removed: Rewrite of list.phtml to avoid conflicts with some custom themes
  • Updated: cwebp binary included in the package updated to v1.0.2 (mostly security related fixes)

Version: 2.0.1

  • Added: Convert images having single-quotes instead of double-quotes for src-attribute
  • Added: Input validations for checking if custom configs are valid
  • Improvement: Security Enhancements
  • Fixed: Issue with GD cannot convert some images
  • Fixed: Minor fix to improve lazyload support
  • Fixed: Show correct message when clear WebP Cache
  • Refactored: Comply with upcoming changes to Magento Coding Standard

Version: 2.1.0

  • Add Support For Optional Native Lazy Loading
  • Minor Improvements, Optimizations and Bugfixes

Version: 2.1.1

  • No Change / Update Compatibility for EE / ECE

Version: 2.1.2

  • Update RequireJS
  • Fix minor issue with swatch image and nginx web server

Version: 2.1.3

  • Fix issue with Swatches
  • Minor Optimizations

Version: 2.1.4

  • Fixed: Issue related to Swatches

Version: 2.1.5

  • Updated: cwebp conversion tool / binary (v1.2.1)
  • Improvement: Handling of updated image files
  • Improvement: Coding Standard updates

Version: 2.1.6

  • Fix "Cannot instantiate interface" on some site

Version: 2.1.7

  • Fixed: Issue string returned when int expected

Version: 2.1.8

  • Improved: Better handling for blacklist RegExs
  • Fix: Restore accidentally lost commit

Version: 2.1.9

  • Fixed: Issue with handling of updated image files

Version: 2.1.10

  • Updated: cwebp conversion tool / binary (v1.2.2)
  • Note: Module is compatible with Magento 2.4.4

Version: 2.1.11

  • Fixed: Conflict with Amazon Pay

Version: 2.1.12

  • Improvement: Skip Images in Transactional Emails

Version: 2.1.13

  • Updated: Magento 2.4.6 & php8.2 Compatibility

Version: 2.1.14

  • Fixed: Issue with images in comments

Version: 2.1.15

  • Fixed: Issue introduced with previous release

Version: 2.1.16

  • Fixed: Issue introduced with previous release

Version: 2.1.17

  • Updated: cwebp conversion tool / binary (v1.3.2)

Version: 2.1.18

  • Fixed: Conflict with Fastly_Cdn

Version: 2.1.19

  • Updated: Compatibility with upcoming extension

Mehr Extensions

Vielleicht auch interessant für Sie?
Weitere wertvolle Extensions und Add-Ons für Ihren Magento-Shop

Unsere Kunden sind begeistert!

Wie gefällt Ihnen die Extension?