Was ist WebP?
WebP ist ein Bildformat für das Web. Es kann sowohl verlustbehaftet als auch verlustfrei komprimieren und unterstützt einen Alpha-Kanal. Damit deckt es viele Aufgaben ab, für die früher getrennt JPG und PNG eingesetzt wurden. Die Dateiendung lautet .webp.
Die wichtigsten Vorteile
- Gute Komprimierung für Fotos und komplexe Motive
- Transparenz für Logos, Icons und freigestellte Objekte
- Animationen sind grundsätzlich möglich
- Breite Unterstützung in modernen Browsern
- Ein Format für sehr unterschiedliche Bildtypen
Qualität ist motivabhängig
Ein Qualitätswert ist kein objektiver Prozentwert. Ein ruhiges Foto mit grossen Flächen lässt sich anders komprimieren als Haare, Blätter oder Texturen. Deshalb arbeitet compress. nicht nur mit einer einzigen festen Qualität: Das gewählte Preset berücksichtigt den typischen Einsatzzweck und die benötigten Abmessungen.
| Einsatz | Priorität | Typische Entscheidung |
|---|---|---|
| Hero | Qualität und Ladezeit | Gross, aber kontrolliert komprimiert |
| Content-Bild | Effizienz | Auf Spaltenbreite skalieren |
| Icon | Schärfe und Alpha | Kleine Abmessung, hohe Kantenqualität |
| Galerie | Details | Höhere Qualität, Lazy Loading |
WebP richtig einbinden
Nutze sinnvolle Dateinamen, setze passende width- und height-Attribute und beschreibe inhaltlich relevante Bilder mit Alt-Text. Für verschiedene Viewports sind srcset und sizes sinnvoll. So lädt ein Smartphone nicht dieselbe riesige Datei wie ein grosser Desktop-Bildschirm.
WebP löst nicht alles: Eine 5000 Pixel breite WebP-Datei bleibt für eine kleine Card verschwenderisch. Format und Abmessungen müssen zusammenpassen.
Wann ein anderes Format besser sein kann
SVG ist für einfache Vektorgrafiken und Logos oft unschlagbar. AVIF kann bei bestimmten Fotos noch kleinere Dateien liefern, benötigt jedoch häufig mehr Rechenzeit beim Erstellen. PNG bleibt als verlustfreie Arbeitsdatei sinnvoll. WebP ist vor allem deshalb stark, weil es Qualität, Geschwindigkeit und praktische Kompatibilität ausgewogen kombiniert.