Besser als JPEG und PNG – Das Bildformat WebP

Fotografie Handy
Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp
Share on email
Email

Bilder sind nicht selten in großen Mengen auf Webseiten zu finden. Der Einfluss dieser auf die Ladezeit wird dabei oft unterschätzt. Mit dem Problem der Dateigröße bei Bildern hat dich Google schon im Jahr 2010 befasst und ein eigenes, lizenzfreies Bildformat für bessere Ladezeiten präsentiert: WebP. Doch wo liegt der Unterschied zu JPEG oder PNG?

Die Ladegeschwindigkeit ist schon lange einer der wichtigsten Punkte für die Optimierung der Webseite. Suchmaschinen und Besucher nehmen die Ladezeit einer Webseite als Bewertungskriterium. Im Schnitt warten wir 3 Sekunden auf eine Webseite bevor wir diese wieder verlassen. Komprimierte Bilder sorgen für eine schnellere Ladezeit und sind besonders bei Webseiten mit vielen Bildern unabdingbar. Der Einfluss auf die Ladezeit wird aber häufig unterschätzt.

Was ist WebP?

Im September 2010 verkündete Google einen neuen Standard für 24-Bit Grafiken im Web. Die Vorlage für das WebP Format war VP8. Google erweiterte WebP im Laufe der Jahre um mehrere Features, wie die verlustfreie Komprimierung, Transparenz und Animation.

WebP vereint also die beiden größten Vorteile von JPEG und PNG: eine sehr kleine Datei und die Möglichkeit, Transparenzen zu verwenden. Trotz des alters dieses Formates, wird WebP noch nicht von allen Browsern unterstützt.
Welche Browser WebP unterstützen kannst du HIER nachsehen.

Was zeichnet WebP aus?

Das Ziel von WebP ist es, Bilder auf eine möglichst kleine Dateigröße zu reduzieren. Bilder im WebP-Format sind ca. 30% kleiner als Bilder im PNG- oder JPEG-Format mit gleicher Bildqualität.
Während bei PNG die verlustfreie Komprimierungsmethode verwendet wird, ist die Komprimierungsmethode bei JPEG verlustbehaftet. WebP lässt beide Komprimierungsmethoden zu und ist daher sowohl für Fotos als auch für kleine Bilder und Grafiken geeignet.

Hier eine kleine Auflistung des Features von WebP:
• Verlustbehaftete Komprimierung: basiert auf Keyframe-Codierung von VP8
• Verlustfreie Komprimierung: baut auf verschiedene Techniken auf
• Transparenz: 8-Bit-Alphakanal kann auch bei verlustbehafteter RGB-Komprimierung genutzt werden
• Metadaten: WebP kann EXIF- und XMP-Metadaten enthalten
• Farbprofil: WebP kann eingebettete ICC-Profile enthalten
• Animation: WebP ermöglicht die Speicherung von Bildsequenzen

WebP vs. JPEG

Der Vorteil von JPEG-Dateien gegenüber PNG-Dateien ist, dass dank verlustbehafteter Komprimierung erhebliche Speicherplatzeinsparungen erzielt werden können. WebP ist diesbezüglich jedoch noch effizienter und flexibler als JPEG: Es bietet nämlich auch verlustfreie Komprimierung an. Daher sind mehr Speichereinsparungen als mit JPEG möglich und auch bei hoher Kompression sieht WebP besser aus als JPEG.

Google hat auf seiner Developers Seite ein Paar Vergleichsbilder zu Bieten. HIER kannst du dich selbst von der Bildqualität bei geringer Dateigröße überzeugen.

WebP Dateien öffnen

Dateien im WebP-Format lassen sich leider mit den herkömmlichen Bildbetrachungsprogrammen zurzeit noch nicht öffnen. Es gibt dennoch Möglichkeiten, Bilder und Animationen im WebP-Format anzuschauen. Zum einen kannst du das Bild einfach bei Chrome oder Opera in ein offenes Fenster ziehen. Dieser Weg ist allerdings ist nicht sehr komfortabel, vor Allem wenn man mehrere Bilder oder Animationen anschauen möchte. Eine bequemere Möglichkeit ist das Programm IrfanView. Mit einem Plug-In Paket kann man WebP-Dateien einfach öffnen. Das Programm gibt es aber nur für Windows.

Nachteile von WebP

Aktuell sind noch Tools oder Plugins notwendig, um ein Bild in WebP umzuwandeln oder zu öffnen. Der größte Nachteil ist aber, dass nicht alle Browser WebP unterstützen und somit auch nicht alle Nutzer die Bilder im WebP-Format sehen können.

Fazit

WebP ist eine tolle Möglichkeit, Bildgrößen stark zu reduzieren und damit die Ladegeschwindigkeit der Website zu verbessern. Leider wird das Format noch nicht von allen Browsern unterstützt; Safari kann Bilder in diesem Format zum Beispiel nicht anzeigen. Sollte das Format in Zukunft wie JPEG und PNG universell unterstützt werden, ist es auf jeden Fall ein empfehlenswertes Bildformat und daher ein Thema, was verfolgt werden sollte.

Die letzten Beiträge

Weitere Beiträge

Kameraobjektiv

Wann sind Stockfotos sinnvoll und wann nicht?

Stockfotos sind überall und allgegenwärtig. Fast auf jedem Flyer oder Plakat sind sie zu finden: Perfekte und makellose Personen, die dich mit ihren schneeweißen Zähnen anlächeln. Wie sinnvoll die Verwendung solcher Stockfotos wirklich ist und auf welche Dinge du dabei achten solltest, erfährst du in diesem Artikel.

Business Handshake

10 Tipps für Ihren Google My Business Eintrag.

Jeder Kennt Sie: Die Infobox eines Unternehmens auf der Rechten Seite in den Google Suchergebnissen. Sicherlich haben Sie dort auch schon die Informationen zu Ihrem eigenem Unternehmen gefunden und sich gefragt, wie Sie diese selbst steuern können. Dieser einfache sogenannte “Google My Business” Eintrag zieht die Aufmerksamkeit der Nutzer auf sich. Laut Google selbst bietet Ihnen dieses digitale Schaufenster sogar bis zu 5x mehr Aufrufe.

SEOPress

Sicherheitslücke in SEOPress

SEOPress ist ein WordPress Plugin für die SEO. Nach Angaben des Herstellers vertrauen 100.000 Seitenbetreiber auf dieses Plugin. Die Sicherheitslücke erlaubt es Hackern das Einschleusen

WooCommerce

Kritische Sicherheitslücke in WooCommerce

WooCommerce Informiert aktuell darüber, dass in den WooCommerce-Versionen von 3.3 bis 3.5 sowie im WooCommerce Blocks – Plugin Version 2.5 bis 5.5 eine kritische Sicherheitslücke