WebP
WebP (Web Picture Format)
Ein modernes Bildformat, das von Google entwickelt wurde und sowohl verlustbehaftete als auch verlustfreie Komprimierung mit deutlich kleineren Dateigrößen als JPEG und PNG bietet, bei gleichzeitiger Unterstützung von Transparenz und Animation.
Technisches Detail
Der verlustbehaftete Modus von WebP verwendet VP8-Videocodec-Technologie mit prädiktiver Kodierung und blockbasierten Transformationen und erreicht 25-34% kleinere Größen als JPEG bei gleichwertiger Qualität. Verlustfreies WebP verwendet Entropiekodierung mit räumlicher Vorhersage und erzeugt Dateien, die 26% kleiner als PNG sind. WebP unterstützt 8-Bit-Alphakanal-Transparenz (sowohl verlustbehaftet als auch verlustfrei), Animation (ersetzt GIF bei einem Bruchteil der Größe) und ICC-Farbprofile. Die Browserunterstützung ist jetzt universell in Chrome, Firefox, Safari (14+) und Edge. Die Canvas-API toBlob('image/webp', quality) ermöglicht clientseitige WebP-Kodierung.
Beispiel
```javascript
// Image compression via Canvas
canvas.toBlob(
blob => console.log(`Size: ${(blob.size/1024).toFixed(0)} KB`),
'image/jpeg',
0.8 // quality: 0.0 (smallest) to 1.0 (best)
);
// WebP output (25-34% smaller than JPEG)
canvas.toBlob(cb, 'image/webp', 0.8);
```