Was ist eine WebP-Datei? Alles Wissenswerte über das WebP-Format
Eine WebP-Datei ist ein Rasterbild für das Web, das verlustbehaftete Kompression, verlustfreie Kompression, Alpha-Transparenz und Animation unterstützt. Google hat das Format eingeführt, um kleinere Alternativen zu JPEG, PNG und GIF zu bieten und deren gängigste Funktionen in einem Format abzudecken.
Wie funktioniert WebP?
Verlustbehaftetes WebP nutzt eine prädiktive Kompression, die mit dem Videocodec VP8 verwandt ist. Dabei werden Blöcke aus benachbarten Pixeln vorhergesagt und die Restinformationen gespeichert. Verlustfreies WebP nutzt spezielle Transformationen und Entropiecodierung, um exakte Pixelwerte zu komprimieren. Beide Modi können einen vollständigen Alphakanal enthalten.
Animiertes WebP speichert mehrere Frames und Zeitinformationen. Anders als GIF ist es nicht auf eine Palette mit 256 Farben beschränkt.
Vorteile von WebP
- Vielseitige Kompression: unterstützt sowohl verlustbehaftete Fotos als auch verlustfreie Grafiken.
- Transparenz: kann viele PNG-Assets ersetzen und dabei die Übertragungsgröße reduzieren.
- Animation: erzeugt oft kleinere Animationen mit mehr Farben als GIF.
- Starke Browserunterstützung: funktioniert in allen aktuellen gängigen Browsern.
- Schnelles Encoding und Decoding: Dank ausgereifter Tools eignet sich WebP gut für dynamische Pipelines.
Einschränkungen von WebP
Ältere Browser, Betriebssysteme, E-Mail-Clients und Desktop-Tools unterstützen WebP möglicherweise nicht. AVIF kann manche Bilder effizienter komprimieren und unterstützt im Gegensatz zu WebP auch HDR. JPEG und PNG ermöglichen nach wie vor einen sichereren Austausch mit älterer Software.
Wenn alte Clients eine Rolle spielen, sollten Sie für eine breite öffentliche Auslieferung Content
Negotiation oder einen Fallback mit <picture> verwenden.
WebP im Vergleich zu JPEG, PNG und AVIF
| Format | Beste Eignung | Transparenz | Typischer Kompromiss |
|---|---|---|---|
| WebP | Allgemeine Bilder im modernen Web | Ja | Ausgewogen bei Geschwindigkeit, Größe und Unterstützung |
| JPEG | Universeller Fotoaustausch | Nein | Breitere Kompatibilität mit älterer Software |
| PNG | Exakte Grafiken und Screenshots | Ja | Größere Dateien |
| AVIF | Maximale moderne Kompression und HDR | Ja | Langsameres Encoding |
So konvertieren Sie Bilder mit Transloadit in WebP
Nutzen Sie den Robot 🤖/image/resize, um Bilder zu skalieren und als WebP-Derivat zu codieren:
{
"steps": {
":original": { "robot": "/upload/handle" },
"webp": {
"use": ":original",
"robot": "/image/resize",
"format": "webp",
"width": 1600,
"quality": 82,
"resize_strategy": "fit"
}
}
}
Häufige Fragen zu WebP
Unterstützt WebP Transparenz?
Ja. Verlustbehaftete und verlustfreie WebP-Bilder können einen Alphakanal enthalten.
Ist WebP besser als JPEG?
WebP bietet in der Regel mehr Funktionen und erzeugt bei vergleichbarer visueller Qualität oft kleinere Dateien. JPEG bleibt nützlich, wenn universelle Kompatibilität mit älterer Software die entscheidende Anforderung ist.
WebP oder AVIF: Welches Format sollte ich verwenden?
Wählen Sie WebP, wenn Sie ein ausgewogenes Verhältnis von Encoding-Geschwindigkeit und Kompatibilität suchen. Ziehen Sie AVIF in Betracht, wenn die kleinste Übertragungsgröße, HDR oder eine höhere Bittiefe wichtiger ist.