Magento 2 WebP Next-Gen
Optimierte Bilder

Für Ihren Magento Shop:

  • Bessere Performance & Ladezeiten
  • Höhere Lighthouse & Pagespeed Scores
  • Bessere SEO Rankings.
Mit WebP, dem Next-Gen Dateiformat für Bilder von Google.

Mehr Erfahren

Jetzt Kaufen!

Magento 2: Bessere Performance und schnellere Ladezeiten mit WebP ggü. JPG/PNG Bessere Performance und schnellere Ladezeiten mit WebP

Bis zu 75% reduzierte
Dateigrößen für Bilder...

...und mehr! Je nach Qualität der vorhandenen Bilder und Anforderungen an Bild-Qualität, lassen sich mit WebP bis zu 75% reduzierte Dateigrößen im Vergleich zu .jpg/.png realisieren.
Mit minimalem oder sogar ohne Qualitätsverlust!
Glauben Sie nicht?

Hier gehts zum Qualitätsvergleich...

Jetzt Kaufen!

Vergleich: Dateigröße WebP vs. JPG Vergleich: Dateigröße WebP vs. JPG

Volle Kontrolle
Voll Automatisiert

Mit unserer Extension erfolgt die Konvertierung
in .webp Dateien lokal auf Ihrem Server.
Sie behalten die volle Kontrolle über Qualität und
Komprimierungslevel ohne zusätzlichen Aufwand
und ohne Abhängigkeit von 3rd Party Services

Alle Vorteile & Highlights ansehen...

Jetzt Kaufen!

On-Premise WebP Lösung für Magento: Zuverlässig - Günstig - Kein Risiko On-Premise WebP Lösung für Magento: Volle Kontrolle - Voll Automatisiert

Einfach und Flexibel

Die Extension unterstützt 3 unterschiedliche Konvertierungstools:
cwebp + Imagick + GD
Zudem haben Sie die Wahl zwischen vorkonfiguriertem Basis Modus und einem Experten Modus.

Mehr Details zur Funktionsweise...

Jetzt Kaufen!

Magento 2 WebP Extension: 3 Konvertierungstools supported Magento 2 WebP Extension: Einfach und Flexibel mit Basis- und Experten Modus

WebP Browser-Support

Derzeit nutzen über 80% aller Internet User einen webp-
fähigen Browser und profitieren direkt von Ihren optimierten Bildern.
Alle anderen Kunden sehen weiterhin Ihre bisherigen .jpg Bilder. Selbstverständlich auch das komplett automatisch und Full-Page-Cache kompatibel.

Mehr Dazu

Jetzt Kaufen!

Magento 2 WebP Extension: Browser Support WebP: Browser Support und Abdeckung

Die Nr. 1 WebP Images Lösung
für Magento 2

Konvertiert seit 2 Jahren zuverlässig .webp Bilder in Magento 2 Shops

Magento 2 Extension Marketplace

Approved & Verified by
Magento Marketplace
 

Unencrypted.
100% Open Source
& Customizable

Coding Standards Applied.
Clean & Readable Code

Countless Satisfied Customers:
Be The Next One!

Beschrei​bung

Performance Optimierung & schnellere Ladezeiten für eine bessere User Experience sowie Top SEO-Platzierungen.
Mit WebP, dem Next-Gen Dateiformat für Bilder von Google,
reduzieren Sie die Dateigrößen Ihrer Fotos ohne nennenswerte Qualitätsverluste.

Magento WebP Images der Performance Boost für Ihren Shop!

Das Problem
Performance vs.
User Experience + SEO

Kunden erwarten für Ihre Kaufentscheidung ein möglichst genaues Bild vom Produkt zu bekommen. Was sich selbstverständlich am ehesten und schnellsten durch überzeugende Produktfotos vermitteln lässt - der erste Eindruck zählt!
Emotionen spielen bei der Kaufentscheidung häufig eine zentrale Rolle.
Wie könnte man diese besser wecken als mit einer starken Bildsprache?
Qualitativ hochwertige, ansprechende sowie möglichst viele Bilder sind also ein Muss für jeden Online Shop.
Das Problem dabei:
Viele und hochwertige Bilder führen zu langen Ladezeiten, schlechter Performance und letztlich einer unbefriedigenden User Experience. Zudem ist eine gute Performance ein zunehmend wichtiger SEO & Ranking Faktor.
Zusätzlich verschärft wird das Problem durch die wachsende Internetnutzung mit Mobilgeräten über langsame Mobilfunkverbindungen. Der Download großer Bilddateien dauert für diese Kundengruppe wesentlich länger.

Die Lösung
WebP Next-Gen Optimierte Fotos

Die klassischen Dateiformate .jpg und .png wurden vor Jahrzehnten entwickelt und entsprechen somit hinsichtlich Komprimierung und Dateigrößen dem damaligen Stand der Technick. Mit WebP hat Google ein Next-Generation Dateiformat für Fotos entwickelt, mit wesentlich ausgefeilterem und leistungsfähigerem Komprimierungsalgorithmus, welcher bei gleicher Qualität signifikant reduzierte Dateigrößen ermöglicht.
Mit Magento 2 WebP Optimized Images von JaJuMa haben Sie die Möglichkeit auch Ihren Kunden WebP optimierte Bilder zur Verfügung zu stellen.
Ein Performance Boost für eine bessere User Experience, schneller Ladezeiten und bessere SEO Rankings - ganz ohne zusätzlichen Aufwand. Denn die Konvertierung und Auslieferung der neuen WebP-Dateien erfolgt komplett automatisiert!
Sie haben die Wahl: Kinderleichte Anwendung mit der Standard-Konfiguration oder bei Bedarf volle Kontrolle und Möglichkeit zum Feintuning für eine optimale Balance zwischen Bildqualität und Dateigröße.

 

Sie haben noch Fragen? Einen Feature-Request?
Oder benötigen individuelle Anpassungen?
Schreiben Sie uns:

Highlights

WebP optimierte Bilder mit der JaJuMa-Develop
"WebP Optimized Images" Extension für Magento 2.
Vollautomatische Performance & SEO Optimierung, flexibel und doch einfach in der Anwendung!

WebP optimierte Next Generation Bilddateien für Ihren Magento Shop

75% und mehr reduzierte Dateigrößen bei gleicher Qualität

Rocket Speed:
Schnellere Ladezeiten durch reduziertes Datenvolumen

SEO Optimierung:
Bessere Rankings dank besserer Performance und schnelleren Ladezeiten

Automatische WebP Konvertierung der vorhandenen .jpg + .png Dateien.

Kompatibel mit allen Browsern
(Automatischer Fallback auf .jpg/.png für Browser ohne WebP-Support)

Unterstützt drei verschiedene WebP Konvertierungstools
(GD, cwebp, Imagick)

Kinderleichte Anwendung im vorkonfigurierten Basis-Modus oder volle Kontrolle im Experten-Modus

Dedizierter WebP Media Cache

Vollständig Lokale / On-Premise Lösung.
Keine zusätzlichen Kosten für oder Abhängigkeit von externen 3rd Party Services

Hilfreiches WebP Conversion Test Tool & WebP Conversion Preview im Backend

Noch nicht genug? Hier sind noch weitere Highlights zur Optimierung Ihres Online Shop mit
"Magento 2 WebP Optimized Images" Extension by JaJuMa:

Option den Native Lazy Loading Tag zu konvertierten WebP Bildern hinzuzufügen

Ermöglicht .webp Bilder als CSS Hintergrund Bilder zu nutzen

Unterstützung für Lazy Loading Scripte

Sie wollen noch mehr?
Sehen Sie sich unsere Ultimate Image Optimizer Extension für Magento 2 an:

JaJuMa WebP Optimized Images Extension


Alle Features der "WebP Optimized Images" Extension.

Image Konvertierung/Optimierung per Cron/CLI &
Image Optimization Status & Statistiken

AVIF / AV1 Logo


AVIF Optimized Images

JS Lazy Load &
High-Resolution/Retina Bilder &
Background Image Optimierung &
Mehr...

Details

Magento WebP Optimized Images Extension von JaJuMa im Detail.
Next-Generation Dateiformat für Top-Ladezeiten in Ihrem Online-Shop!

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.
WebP wurde von Google entwickelt und 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 in Form von signifikant kleineren Bilddateien bei gleichzeitig Top-Bildqualität - Sie werden überrascht sein!

 
WebP Optimized Images Extension: 3 Konvertierungstools unterstützt

 

Selbstverständlich verwendet auch diese Seite WebP Dateien (Ausnahme: .jpg Dateien zum Qualitätsvergleich).
Durch die Nutzung von WebP reduziert sich die zu übertragende Datenmenge für diese Webseite von knapp 2,7 MB mit (ebenfalls optimierten/komprimierten) .jpg/.png Dateien im Vergleich zu .webp auf nur noch 1,6 MB - Über eine normale 3G Mobil-Verbindung bedeutet dies eine um ca. 4-5 Sekunden schnellere Seitenladezeit!

Magento Luma Demo Product Images
Original .jpg vs. WebP Optimiert

Was bringt Magento WebP Optimierte Bilder? Wieviel kleiner werden Bilder damit?
Und wie sieht es mit der Qualität im Vergleich zu .jpg / .png aus?

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:

Bilder Dateiformat Dateigröße (MB)
Original .jpg 71
WebP Quality 90 59
WebP Quality 75 26
WebP Quality 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:

Bilder Dateiformat Einsparung (%)
Original .jpg  
WebP Quality 90 17 %
WebP Quality 75 64 %
WebP Quality 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 % (bei Quality = 90),
  • 64 % (bei Quality = 75) oder sogar
  • 76 % (bei Quality = 50)

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

 

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äts vergleich .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 (Quality 90): 52,6 KB

Qualitätsvergleich WebP vs. JPG: Original .jpg Qualitätsvergleich WebP vs. JPG: WebP Quality 90
 
 
High-Resolution Vergleich

JPG (Original):         55,2 KB
vs.
WebP (Quality 75): 27,5 KB

Qualitätsvergleich WebP vs. JPG: Original .jpg Qualitätsvergleich WebP vs. JPG: WebP Quality 75
 
 
High-Resolution Vergleich

JPG (Original):         55,2 KB
vs.
WebP (Quality 50): 20,3 KB

Qualitätsvergleich WebP vs. JPG: Original .jpg Qualitätsvergleich WebP vs. JPG: WebP Quality 50
 
 
High-Resolution Vergleich

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 Ihr vorhandenes Bildmaterial komplett automatisch!


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.

 

 

Konvertierungs tools

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

  • GD
  • Imagick 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. zsä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.

 


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.


 
 


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 80% aller Internetnutzer benutzen einen WebP-fähigen Internet-Browser (Chrome, Opera, Firefox + EDGE sowie deren mobilen Versionen) 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.

Sehr wahrscheinlich wird die Browser-Abdeckung von WebP zukünftig noch besser werden. Apple experimentiert ebenfalls mit WebP für seinen Safari, den letzten der großen Browser der WebP noch nicht unterstützt.

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 wieviele 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.
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 Service Provider.


Konfigurationsmenu & Screenshots

Extension Configuration

General Configuration

GD Conversion Config

cwebp Conversion Config

Imagemagick Conversion Config

Test Conversion

Lazy Loading Config

Advanced Conversion Config

JaJuMa WebP Optimized Images Extension Configuration
JaJuMa WebP Optimized Images General Configuration
JaJuMa WebP Optimized Images GD Conversion Configuration
JaJuMa WebP Optimized Images cwebp Conversion Configuration
JaJuMa WebP Optimized Images Imagemagick Conversion Configuration
JaJuMa WebP Optimized Images Test Conversion Result
JaJuMa WebP Optimized Images Lazy Loading Configuration
JaJuMa WebP Optimized Images Advanced Configuration

Manual & FAQ



Einfacher gehts nicht:

  • Extension installieren &
  • Konvertierungstool auswählen
  • Komprimierungsfaktor sowie
  • bei Bedarf erweiterte Konvertierungsparameter konfigurieren

...und los gehts!



Fragen über WebP?
Mehr erfahren über die WebP Optimized Images Extension für Magento? Kein Problem...

Alle Antworten in unseren WebP Images FAQ!


Changelog

 

Version: 1.0.0

  • Initial Release

Version: 1.0.1

  • Minor Fix für Magento 2.3 Kompatibilität

Version: 1.0.3

  • Update Browser .webp support Erkennung
  • Fix für Google Chrome Version 71+
  • Support für Firefox Version 65+

Version: 2.0.0

  • Erweiterter Scope: Alle im Markup aller Seiten gefundenen konvertierbaren Bilder + Bilder in der Fotorama Media Gallery auf Produktdetail-Seiten werden nun konvertiert
  • Neu: Dedizierter Media Cache für WebP Bilder
  • Neu: Conversion Test Tool & Conversion Preview im Backend
  • Neu: Checks um Konflikte zu vermeiden / Vermeiden von Problemen mit einigen Sonderfällen & Customizings
  • Neu: Advanced Konfigurationen für Mehr Flexibilität (Blacklist) und zur Kompatibilität mit einigen Custom Funktionen wie (z. B. lazyload)
  • Removed: Rewrite of list.phtml to avoid conflicts with some custom themes
  • Updated: cwebp binary im Package auf v1.0.2 aktualisiert (vor allem Security bezogene fixes)

Version: 2.0.1

  • Neu: Konvertierung von Bildern mit single-quotes double-quotes im src-attribute
  • Neu: Input Validierung für custom configs auf Gültigkeit
  • Neu: Security Maßnahmen
  • Fix: GD konnte manche Bilder nicht konvertieren
  • Fix: Kleiner Fix für besseren Lazyload Support
  • Fix: Anzeige korrekter Meldung beim leeren des WebP Cache
  • Refactored: Anpassungen bzgl. des kommenden Magento Coding Standard

Version: 2.1.0

  • Neu: Support für optionales Native Lazy Loading
  • Fix: Kleinere Verbesserungen, Optimierungen und 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

Kompatibilität

 

Magento 2.0

Magento 2.1

Magento 2.2

Magento 2.3

Magento 2.4


Hyvä Compatibility Module Available
Zur Hyvä Demo