Die Ladegeschwindigkeit zählt schon seit geraumer Zeit zu den wichtigsten Stellschrauben bei der Optimierung einer Website. Nicht nur Besucher, sondern auch Suchmaschinen ziehen die Zeit, die beim Aufruf einer Seite ins Land streicht, als wichtiges Bewertungskriterium heran. Ein schlanker und komprimierter Code oder der Einsatz von Caching-Mechanismen zählen ebenso zu den erprobten Lösungsansätzen für eine schnelle Webpräsenz wie die Verwendung komprimierter Bilder.

Die verlustfreien WebP-Bilder sind im Vergleich zu PNGs um 26% kleiner. WebP-losbehaftete Bilder sind 25–34% kleiner als vergleichbare JPEG-Bilder bei gleichem SSIM -Qualitätsindex.

Lossless WebP unterstützt Transparenz (auch bekannt als Alphakanal) zu einem Preis von nur 22 % zusätzlichen Bytes . In Fällen, in denen eine verlustbehaftete RGB-Komprimierung akzeptabel ist, unterstützt verlustbehaftetes WebP auch Transparenz und bietet normalerweise 3 × kleinere Dateigrößen im Vergleich zu PNG.

Die verlustbehaftete WebP-Komprimierung verwendet Predictive Coding, um ein Bild zu codieren, dieselbe Methode, die vom VP8-Videocodec verwendet wird, um Keyframes in Videos zu komprimieren. Die prädiktive Codierung verwendet die Werte in benachbarten Pixelblöcken, um die Werte in einem Block vorherzusagen, und codiert dann nur die Differenz.

Die verlustfreie WebP-Komprimierung verwendet bereits gesehene Bildfragmente, um neue Pixel exakt zu rekonstruieren. Es kann auch eine lokale Palette verwenden, wenn keine interessante Übereinstimmung gefunden wird.

WebP-Komprimierung im Detail

Eine WebP-Datei besteht aus VP8- oder VP8L -Bilddaten und einem auf RIFF basierenden Container. Die eigenständige libwebp Bibliothek dient als Referenzimplementierung für die WebP-Spezifikation.

WebP wird von Google Chrome, Firefox, Edge, dem Opera-Browser und vielen anderen Tools und Softwarebibliotheken nativ unterstützt. Entwickler haben auch Unterstützung für eine Vielzahl von Bildbearbeitungstools hinzugefügt.

Das CRYPTRON Security Team steht bei Fragen zum WebP Bildformat gerne zur Verfügung.

Referenzen:
https://en.wikipedia.org/wiki/WebP
https://developers.google.com/speed/webp
https://chromium.googlesource.com/webm/libwebp