Was ist WebP
WebP ist ein von Google eingeführtes Bildformat, das verlustbehaftete Kompression, verlustfreie Kompression und Alphakanal gleichzeitig unterstützt. Kurz gesagt: ein Format, das JPEG und PNG ersetzen will – kleiner und funktionaler.
Alle gängigen Browser (Chrome, Edge, Firefox, Safari) unterstützen mittlerweile WebP; Webseiten, die es anstelle von JPEG/PNG einsetzen, können die Ladezeit deutlich verkürzen.
Kernvorteile von WebP
Kleinere Größe
- Verlustbehaftetes WebP gegenüber JPEG: bei gleicher visueller Qualität 25 % bis 35 % kleiner
- Verlustfreies WebP gegenüber PNG: 20 % bis 30 % kleiner
- Transparenz unterstützt: deutlich kleiner als transparentes PNG, gleicht die fehlende Transparenz von JPEG aus
Für bildintensive Webseiten spart der Umstieg auf WebP viel Traffic und Ladezeit.
Umfangreiche Funktionen
- Alphakanal unterstützt (wie PNG)
- Verlustbehaftet und verlustfrei unterstützt (wie JPEG und PNG zusammen)
- Animationen unterstützt (wie GIF)
- Ein Format deckt viele Verwendungszwecke ab
Volle Unterstützung durch moderne Browser
Seit 2020 unterstützen alle gängigen Browser die Anzeige von WebP. Die Kompatibilitätsprobleme vergangener Jahre gibt es im Wesentlichen nicht mehr.
Grenzen von WebP
Alte Umgebungen nicht unterstützt
Ältere Browser (IE, alte iOS-Versionen) unterstützen es nicht. Wenn Ihre Nutzer diese verwenden, JPEG/PNG als Fallback anbieten.
Unterschiedliche Unterstützung in Editoren
Einige ältere Bildbearbeitungsprogramme können WebP nicht direkt bearbeiten. Anzeige- und Konvertierungswerkzeuge unterstützen es jedoch allgemein.
Verlustbehaftetes WebP bei sehr niedriger Qualität teils schlechter als JPEG
Bei sehr niedriger Qualität ist WebP manchmal schlechter als JPEG. Im normalen Qualitätsbereich (70+) bleibt WebP überlegen.
WebP vs JPEG vs PNG
| Dimension | JPEG | PNG | WebP |
|---|---|---|---|
| Verlustbehaftete Kompression | Ja | Nein | Ja |
| Transparenz | Nein | Ja | Ja |
| Animation | Nein | Nein | Ja |
| Größe | Mittel | Groß | Am kleinsten |
| Kompatibilität | Alle Plattformen | Alle Plattformen | Moderne Browser |
Fazit: Bei Webseiten für moderne Browser WebP bevorzugen; bei erforderlicher plattformübergreifender Kompatibilität JPEG/PNG verwenden; wenn Transparenz und kleine Größe gewünscht sind, ist WebP die beste Wahl.
Welche Szenarien für WebP geeignet sind
- Webgrafiken: JPEG/PNG ersetzen, Ladezeit verbessern
- Transparente Bilder: transparentes PNG ersetzen, deutlich kleiner
- Animierte Bilder: GIF ersetzen, kleiner und bessere Qualität
- App-Bilder: Paketgröße reduzieren
- CDN-Bildressourcen: Traffic sparen
Welche Szenarien nicht geeignet sind
- Externe Dokumente mit erforderlichem plattformübergreifendem Support (PDF-Einbettungen etc. in alten Umgebungen)
- Nutzergruppen mit alten Browsern
- Wenn in alter Software bearbeitet werden muss
Wie konvertieren
Mit dem Bildformat-Konvertierungswerkzeug:
- JPEG/PNG hochladen
- Zielformat WebP wählen
- Qualität einstellen (verlustbehaftet 80 entspricht nahezu verlustfrei)
- Konvertieren und herunterladen
Bei der Batch-Konvertierung Qualität einheitlich einstellen: Fotos 80, Screenshots 90.
Kompatibilität mit dem picture-Tag
Um WebP einzusetzen und gleichzeitig alte Browser zu unterstützen, das picture-Tag verwenden:
Das source-Tag bevorzugt WebP, bei Nicht-Unterstützung wird auf das JPEG des img-Tags zurückgegriffen. Beide Seiten sind abgedeckt.
Häufige Fehler
Nach der Konvertierung größer geworden
Verlustfreies WebP ist manchmal größer als ein kleines JPEG. Für Fotos verlustbehaftetes WebP verwenden, nicht verlustfreies.
Qualität 100 ist nicht verlustfrei
WebP Qualität 100 bleibt verlustbehaftet. Für echte Verlustfreiheit die Option „Verlustfreies WebP“ wählen, aber die Größe wird größer.
Transparentes PNG zu WebP behält Transparenz
WebP unterstützt Transparenz; die Umwandlung eines transparenten PNG in WebP behält die transparenten Bereiche, anders als bei JPG, wo eine Füllfarbe nötig ist.
Zusammenfassung
WebP ist die bevorzugte Bildwahl für moderne Webseiten – kleinste Größe, umfangreichste Funktionen, Kompatibilität ist kein Problem mehr. Fotos, transparente Bilder und Animationen sind geeignet. Mit dem DocsAll-Formatkonvertierungswerkzeug WebP im Batch konvertieren, Verarbeitung im Browser, Fotos werden nicht hochgeladen. Bei Kompatibilitätsbedarf mit alten Umgebungen das picture-Tag als Fallback verwenden.