So konvertieren Sie alle Bilder auf dem OpenCart in WebP

Was ist das WebP-Format und welche Vorteile bietet es?

Wenn Benutzer Bilder auf ihre Computer herunterladen, treffen sie zunehmend auf das neue WebP-Format. Dieses von Google entwickelte Format ermöglicht es Webmastern, hochwertige und kompakte Bilder auf ihren Websites hochzuladen. Diese Bilder können auf Laptops, Smartphones und nicht nur in Browsern angesehen werden.

• Bilder, die auf einer Website veröffentlicht werden, wiegen oft mehr als Text und verlangsamen das Laden der Website und erhöhen die Hosting-Kosten. Website-Besitzer müssen ein Gleichgewicht zwischen Qualität und Kapazität finden.
• Klassisches JPEG erreicht nicht immer das gewünschte Ergebnis, insbesondere wenn Grafiken klein sein müssen. PNG wird oft als Alternative für hochwertige Bilder verwendet, aber es wiegt viel mehr und macht die Website schwer zu verwalten.
• Die neue Entwicklung von Google, WebP, bietet die beste Kombination aus Dateigröße und Qualität. Dieses Format wurde auf vielen Google-Diensten getestet und kann Website-Besitzern empfohlen werden. Google PageSpeed Insights empfiehlt dringend, auf Websites anstelle von Legacy-Bildformaten (PNG/JPEG) WebP zu verwenden, um das Laden der Website zu beschleunigen.

Es können jedoch Probleme auftreten, wenn weniger gebräuchliche Browser mit diesem neuen Format verwendet werden. Um eine falsche Anzeige von Bildern zu vermeiden, müssen Sie sicherstellen, dass sie in solchen Fällen in den üblichen schweren Formaten angezeigt werden. Die Cross-Browser-Kompatibilität kann durch Einführung bestimmter Algorithmen in den Code oder mit Hilfe von speziellen Plugins erreicht werden.

Das Konvertieren alter PNG/JPEG-Formate in WebP ist mit vielen für diesen Zweck erstellten Dienstprogrammen einfach. Aber das Konvertieren aller Bilder einer bereits erstellten Website kann eine zeitaufwändige Aufgabe sein. Am häufigsten werden spezielle Dienstprogramme verwendet, um OpenCart-Bilder zu komprimieren, indem PNG/JPEG in WebP konvertiert werden. Eines der besten ist OptiPic CDN, das die Komprimierung von OpenCart-Bildern automatisiert und es Ihnen ermöglicht, ein fertiges Integrationsmodul für dieses CMS auf der Website zu installieren.

Um OpenCart mit dem OptiPic CDN-Dienst zu beschleunigen, müssen Sie das Plugin für OpenCart auf Ihrer Website herunterladen und installieren, indem Sie der Videoanleitung auf der Hauptseite des Dienstes folgen. Der Installationsprozess ist einfach und verursacht in der Regel auch für Anfänger keine Schwierigkeiten. Das Plugin konvertiert und liefert WebP-Dateien an Benutzer, wenn der Browser dieses Format unterstützt. Es gibt eine komprimierte Version eines Bildes im alten Format zurück (ohne Konvertierung), wenn automatisierte Tests gezeigt haben, dass der Browser des Benutzers kein WebP OpenCart unterstützt. Die Anwendung passt Bilder an schmale Telefonscreens an, wenn der Benutzer die Website von einem mobilen Gerät aus betrachtet. Es führt auch Caching für beschleunigtes Laden von Bildern durch, damit die Website schneller funktioniert und weniger Hosting lädt. Sie können den Service auf bezahlter und kostenloser Basis nutzen. Der Testtarif gibt 100.000 Bildansichten, was ausreicht, um die Bequemlichkeit des Dienstes zu bewerten und zu verstehen, wie er Ihnen passt. Kostenlose Ansichten werden sofort nach der Registrierung gutgeschrieben.

Vorteile von WebP

WebP ist ein von Google entwickeltes Bildformat, das mehrere Vorteile bietet:

• Kleinere Dateigröße: WebP-Bilder sind in der Regel um 25-34% kleiner als JPEG- und PNG-Bilder derselben Qualität. Dies bedeutet schnellere Ladezeiten und reduzierten Bandbreitenverbrauch.
• Verbesserte Bildqualität: WebP verwendet fortschrittliche Kompressionstechniken, die die Bildqualität erhalten, während die Dateigröße reduziert wird. Dies bedeutet, dass Bilder besser aussehen als JPEG- oder PNG-Bilder derselben Größe.
• Unterstützt Transparenz: WebP unterstützt sowohl verlustbehaftete als auch verlustfreie Transparenz, was es zu einem vielseitigen Format für Bilder mit transparentem Hintergrund macht.
• Breite Browser-Unterstützung: WebP wird von den meisten modernen Browsern unterstützt, einschließlich Google Chrome, Firefox und Microsoft Edge. Es kann auch leicht in andere Bildformate konvertiert werden, um die Kompatibilität mit älteren Browsern zu gewährleisten.

Warum hat Google WebP als Open-Source veröffentlicht?

Google hat WebP als Open-Source veröffentlicht, um ein effizienteres und schnelleres Bildformat für das Web bereitzustellen. WebP verwendet fortschrittliche Kompressionstechniken, um die Dateigröße von Bildern zu reduzieren, ohne die Qualität zu beeinträchtigen. Dies führt zu schnelleren Ladezeiten für Websites und einer besseren Benutzererfahrung für Besucher. Durch die Veröffentlichung von WebP als Open-Source ermutigt Google auch Entwickler, zum Projekt beizutragen und das Format im Laufe der Zeit zu verbessern.

Unterstützt WebP eine progressive oder interlaced Anzeige?

Ja, WebP unterstützt sowohl eine progressive als auch eine interlaced Anzeige. Die progressive Anzeige lädt das Bild in mehreren Durchläufen, wodurch eine niedrig aufgelöste Version des Bildes schnell angezeigt werden kann, während die höhere Auflösung im Hintergrund geladen wird. Die interlaced Anzeige lädt das Bild in einer Reihe von horizontalen Linien, wodurch eine grobe Version des Bildes schnell angezeigt werden kann, während die feineren Details im Hintergrund geladen werden.

Verlustfreies WebP

Verlustfreies WebP ist eine Art von Bildformat, das die WebP-Technologie verwendet, um Bilder ohne Datenverlust oder Qualitätsverlust zu komprimieren. Dies bedeutet, dass das Bild auf eine kleinere Größe komprimiert werden kann, ohne dass Details verloren gehen, was es zu einem effizienteren Format für die Speicherung und Freigabe von Bildern im Web macht. Verlustfreies WebP ist besonders nützlich für Bilder, die hohe Detailgenauigkeit erfordern, wie beispielsweise Fotografien oder Grafiken mit Text. Es ist auch mit den meisten Webbrowsern kompatibel und kann einfach in bestehende Websites und Anwendungen integriert werden.

Verlustbehaftetes WebP

Verlustbehaftetes WebP ist eine Art von Bildformat, das verlustbehaftete Kompressionstechniken verwendet, um die Größe einer Bilddatei zu reduzieren. Verlustbehaftete Kompression funktioniert durch das Verwerfen einiger Bildinformationen, was zu einer Reduktion der Bildqualität führen kann. Der Vorteil dabei ist, dass die resultierende Dateigröße kleiner ist, was das Laden im Web einfacher und schneller macht. Verlustbehaftetes WebP wird oft für Bilder verwendet, die keine hohe Detailgenauigkeit oder Klarheit erfordern, wie beispielsweise Miniaturansichten oder Hintergrundbilder.

Warum ist WebP (verlustbehaftet) besser als JPEG?

WebP ist JPEG aufgrund von Vorhersagecodierung, blockadaptiver Quantisierung, Filterung und boolescher arithmetischer Kodierung überlegen. Letzteres bietet eine 5%-10%ige Verbesserung in der Kompression im Vergleich zur Huffman-Kodierung.