Was ist WebP?
WebP ist ein Bildformat, das von Google entwickelt und erstmals 2010 veröffentlicht wurde. Es wurde speziell für das Web konzipiert und bietet sowohl verlustbehaftete als auch verlustfreie Kompression in einem einzigen Format. Verlustbehaftetes WebP nutzt die VP8-Videocodec-Technologie (prädiktive Codierung basierend auf zuvor decodierten Blöcken), während verlustfreies WebP räumliche Vorhersage, Farbtransformation und LZ77-Huffman-Codierung verwendet. WebP unterstützt auch 8-Bit-Alpha-Transparenz in beiden Modi — etwas, das JPEG nicht kann. Stand 2024 wird WebP von über 97% der Browser weltweit unterstützt.
Wie WebP-Kompression funktioniert
Verlustbehaftetes WebP teilt das Bild in Makroblöcke (bis zu 16x16) und wendet Intra-Vorhersage an (Vorhersage von Pixeln aus Nachbarn innerhalb desselben Frames, ähnlich wie VP8-Video-Intra-Frames), gefolgt von DCT-ähnlichen Transformationen und arithmetischer Codierung. Dieser Ansatz ist 25-34% effizienter als JPEGs DCT bei gleicher visueller Qualität. Verlustfreies WebP nutzt vier Haupttechniken: räumliche Pixelvorhersage, Farbraum-Transformationen zur Dekorrelation der Kanäle, Rückwärtsreferenzsuche (LZ77-Stil) und Entropiecodierung mit adaptivem Präfixcode.
Wann WebP-Dateien komprimieren
Verwenden Sie WebP-Kompression für praktisch alle Web-Bilder. Es übertrifft bei Fotografien (ersetzt JPEG mit 25-34% kleineren Dateien), Grafiken mit Transparenz (ersetzt PNG mit deutlich kleineren Dateien) und sogar einfachen Animationen (ersetzt GIF). Komprimieren Sie WebP-Dateien für Website-Assets, Progressive Web Apps, mobile Anwendungen, CDN-bereitgestellte Inhalte und jeden Kontext, wo Bandbreite und Ladezeit wichtig sind. WebP ist das von Google Lighthouse und PageSpeed Insights empfohlene Format für optimale Core Web Vitals.
Best Practices für WebP-Kompression
Für verlustbehaftetes WebP bietet Qualität 75-85 eine hervorragende Balance für Fotografien. Für verlustfreies WebP verwenden Sie es, wenn Sie pixel-perfekte Grafiken mit Transparenz benötigen — es ist typischerweise 26% kleiner als PNG. Servieren Sie WebP immer als Hauptformat mit JPEG/PNG-Fallbacks über das <picture>-Element oder Accept-Header-Aushandlung. Verwenden Sie verlustbehaftetes WebP mit Alpha für UI-Elemente, die Transparenz benötigen. Erwägen Sie WebP-Animation als leichtgewichtige Alternative zu GIF mit 50-80% kleineren Dateien.





