WebP in Base64 konvertieren
WebP ist Googles Bildformat, das entwickelt wurde, um kleinere Dateien als JPEG und PNG bei vergleichbarer Qualität zu erzeugen. Es unterstützt verlustbehaftete Kompression, verlustfreie Kompression und Animation. Dieses Tool kodiert WebP-Dateien in Base64 zur Einbettung in HTML, CSS oder API-Payloads.
Wie man es verwendet
- Ziehe eine WebP-Datei in den Upload-Bereich oder klicke zum Durchsuchen
- Das Tool liest und kodiert die Datei lokal
- Wähle das Ausgabeformat: reines Base64, Data URI oder CSS Background
- Kopiere das Ergebnis
Warum WebP für Base64-Einbettung
Der Hauptvorteil von WebP gegenüber JPEG/PNG ist die Dateigröße. Kleinere Dateien erzeugen kürzere Base64-Strings, was wichtig ist, wenn diese Strings in HTML oder CSS eingebettet werden:
| Bild (1920x1080) | JPEG Qualität 80 | PNG | WebP Qualität 80 |
|---|---|---|---|
| Fotografie | ~250 KB | ~1,5 MB | ~180 KB |
| Screenshot mit Text | ~400 KB | ~800 KB | ~200 KB |
| Einfache Grafik | ~100 KB | ~50 KB | ~40 KB |
| Base64 Overhead | +33% | +33% | +33% |
In Base64 erhaltene WebP-Funktionen
Verlustbehaftete und verlustfreie Modi
WebP unterstützt beide Kompressionsmodi. Verlustbehaftetes WebP (Standard) ist ähnlich wie JPEG, aber effizienter. Verlustfreies WebP konkurriert mit PNG.
Alpha-Transparenz
Anders als JPEG unterstützt WebP Transparenz in beiden Modi. Ein verlustbehaftetes WebP mit Transparenz ist in der Regel viel kleiner als ein PNG mit demselben Inhalt.
Animation
Animiertes WebP ist eine Alternative zu GIF mit dramatisch besserer Kompression.
Browser-Unterstützung
WebP-Data-URIs funktionieren in allen Browsern, die WebP-Bilder unterstützen:
- Chrome: seit Version 17 (2012)
- Firefox: seit Version 65 (2019)
- Safari: seit Version 14 (2020)
- Edge: seit Version 18 (2018)
Die globale Unterstützung liegt bei über 97%. Für die restlichen ~3% (altes Safari auf iOS 13 und früher) benötigst du einen Fallback auf PNG oder JPEG.
WebP Base64 und HTTP-Kompression
Da Base64-Strings die Zeichen +, / und = enthalten, die von gzip und Brotli schlecht komprimiert werden, ist der Kompressionsvorteil von WebP bei der Übertragung als Data URI weniger ausgeprägt als bei separaten Dateien. Dennoch ist WebP aufgrund der viel kleineren Ausgangsdatei immer noch die bessere Wahl als PNG.