Mit WebP Ladezeiten im Blog um 30–40 % senken
Tomoda HinataTool-Autor & MaintainerVeröffentlicht am 18. Apr. 2026Aktualisiert am 26. Apr. 2026ca. 7 Min. Lesezeit
WebP wird von jedem modernen Browser unterstützt und ist bei gleicher visueller Qualität 25–35 % kleiner als JPG. Die Wirkung auf Core Web Vitals (besonders LCP) gehört zu den ROI-stärksten Optimierungen für Content-Sites. Qualität 82 verwenden, JPG-Fallback nur für RSS, wenn vorhanden direkt vom Original exportieren.
Im Leitfaden verwendete Tools
Warum WebP?
WebP unterstützt verlust- und verlustfrei plus Alpha-Kanal in einem Format. Fotos sind 25–35 % kleiner als JPG, Grafiken/Screenshots oft 50 %+ kleiner als PNG. Seit Safari 14 (2020) dekodieren alle modernen Browser nativ — kein Kompatibilitätsaufwand für moderne Leserschaft.
Welche Qualität?
Fotos: Qualität 82. Unter 75 Banding in Verläufen; über 90 keine sichtbaren Einsparungen mehr. Für Screenshots mit Text verlustfreies WebP — etwa 25 % kleiner als PNG ohne Verluste.
JPG-Fallback nötig?
Praktisch nicht. Legacy-iOS-Safari und alte Android-Browser sind faktisch verschwunden. Edge Cases: RSS-Reader und Outlook-Desktop-Vorschau — separate JPG-RSS-URL ist günstiger als doppelte Encodings für alle Bilder.
Bestehende JPGs zu WebP?
Nur ohne Original. JPG → WebP stapelt zwei verlustbehaftete Encodings — sichtbare Artefakte. Mit Master (RAW/TIFF/PNG) direkt WebP exportieren. Hat man nur JPG, bringt die Konvertierung trotzdem Bandbreite.
Wirkung messen?
Lighthouse vor/nach, LCP (Largest Contentful Paint) prüfen. Auf Content-Sites ist die Hero-Grafik meist das LCP-Element — der Wechsel 1,8 MB PNG → 420 KB WebP bringt routinemäßig den Sprung von Poor (≥3 s) auf Good (<2,5 s).
Schritte
ca. 2 Min.Quelldatei wählen
Wenn möglich Original-PNG/RAW/TIFF verwenden; JPG-only auch ok.
WebP-Tool öffnen
Datei reinziehen — nach Erstladen offline lauffähig.
Qualität 82 setzen
Foto-Standard. Für Text-Screenshots auf Lossless wechseln.
Im Blog ersetzen
Asset im Beitrag tauschen, deployen, Lighthouse erneut messen.
| Format | Dateigröße | LCP-Auswirkung (5G mobil) |
|---|---|---|
| PNG (Original) | 1,8 MB | 3,4 s (Poor) |
| JPG Q82 | 640 KB | 2,6 s (Needs improvement) |
| WebP Q82 | 420 KB | 2,1 s (Good) |
Häufig gestellte Fragen
Funktioniert WebP in Outlook-Mails?
Outlook-Desktop zeigt nur den Alt-Text. Mail-Templates bei JPG belassen; Web/Social ist WebP problemlos.
Ist AVIF kleiner als WebP?
Meist ja, 20–30 %. Aber Outlook und ältere Mobile-Browser unterstützen es nicht. WebP ist heute der praktische Optimum; AVIF mit `<picture>`-Fallback nur für Greenfield.
Hat WebP Transparenz?
Ja — voller Alpha-Kanal und Lossless-Modus. Außer für Icons ein PNG-Superset.
Animiertes WebP vs. GIF?
Drastisch kleiner — 30–60 % der GIF-Größe bei gleicher Browserabdeckung. Im Web animiertes WebP gegenüber GIF bevorzugen.
Lokaler Batch?
Ja — unser WebP-Tool verarbeitet 30 Dateien gleichzeitig im Browser via WebAssembly. Kein Upload, keine Stückkosten.
Jetzt ausprobieren
Convert images to the modern WebP format
WebP ConverterDieser Artikel enthält KI-Übersetzungen. Bitte Fehler melden.