Bild in WebP umwandeln — die Investition, die sich beim Page-Speed sofort zeigt
WebP ist seit 2020 das von Google bevorzugte Bildformat im Web. Es kombiniert die Vorteile von JPEG (gute Foto-Komprimierung) und PNG (Transparenz, verlustfreie Komprimierung) in einem einzigen Format — und ist dabei zwischen 25 und 35 Prozent kleiner als die jeweilige JPG- oder PNG-Vergleichsversion. Wer eine Website betreibt, kann durch konsequenten Wechsel zu WebP die Bandbreitenkosten messbar senken, die Ladezeit fühlbar verbessern und das Google-PageSpeed-Rating in der Lighthouse-Bewertung deutlich anheben. Unser Online-Konverter erleichtert den Wechsel — direkt im Browser, ohne Upload.
Wie es technisch funktioniert
Wir laden das Bild in ein HTML5-Canvas-Element und rufen die Methode canvas.toDataURL('image/webp', quality) auf. Diese Methode ist in Chrome, Edge, Firefox und Safari 14+ eingebaut und nutzt den nativen WebP-Encoder des Betriebssystems oder eine Browser-interne libwebp-Implementierung. Das ist schneller als jede JavaScript-Polyfill-Lösung und liefert qualitativ identische Ergebnisse zur cwebp-CLI von Google.
Lossy vs. Lossless — der entscheidende Modus-Schalter
Lossy WebP verwendet Predictive Coding (übernommen vom VP8-Video-Codec): jedes Pixel wird aus seinen Nachbarn vorhergesagt, gespeichert wird nur die Differenz. Das ist effizient bei Fotos mit weichen Verläufen und feinen Texturen, dafür gehen kleine Detail-Informationen verloren. Sweet Spot: 75–85 % Qualität. Lossless WebP ist verlustfrei und nutzt einen anderen Algorithmus (auf Basis von LZW-ähnlichem Backreferencing). Es ist Pixel-identisch zum Original — perfekt für Logos, Icons, Screenshots mit Text und alle Grafiken, bei denen jedes Pixel zählen muss. Typisch 25 % kleiner als das äquivalente PNG.
Browser-Support 2024
WebP wird heute von praktisch allen relevanten Browsern unterstützt: Chrome 32+ (seit 2014), Firefox 65+ (seit 2019), Edge 18+ (seit 2018), Opera 19+, und entscheidend: Safari 14+ (seit Big Sur und iOS 14, Herbst 2020). Damit liegt der globale Support laut caniuse.com bei über 97 Prozent. Für die verbleibenden 3 Prozent (alte Smart-TVs, sehr alte Android-Browser, Outlook 2019) nutzen Sie das HTML-<picture>-Element mit JPG-Fallback. In der Praxis brauchen die meisten modernen Websites das aber nicht mehr.
Direkt SEO-relevant: PageSpeed und Core Web Vitals
Seit 2021 sind die Core Web Vitals ein offizieller Ranking-Faktor bei Google. LCP (Largest Contentful Paint) — meist das große Hero-Image über dem Fold — sollte unter 2,5 Sekunden bleiben. Bei 1,5-MB-JPG-Heros auf 4G-Verbindung ist das schwer. Mit WebP bei 1,0 MB drastisch realistischer. Lighthouse warnt explizit unter „Opportunities — Serve images in next-gen formats" und bewertet das mit messbarem Score-Verlust. Allein die WebP-Migration bringt häufig 8–15 Punkte mehr im Mobile-Score.
Transparenz: warum WebP PNG ersetzen kann
Logo-Bibliotheken, Icon-Sets und produktbezogene Cutout-Grafiken liegen klassisch als PNG vor — weil PNG Transparenz hat und JPG nicht. WebP kann beides: Transparenz UND deutlich bessere Komprimierung als PNG. Lossless WebP mit Alpha-Kanal ist typisch 26 Prozent kleiner als das gleiche PNG. Bei einer Logo-Bibliothek mit 500 Markenlogos sind das spürbare Server-Storage- und CDN-Einsparungen.
Verwandte Bild-Tools auf BrowserCrunch
Für ähnliche, aber andere Aufgaben: Bild komprimieren behält das Format, reduziert nur die Datei. Bild skalieren ändert die Pixel-Maße. JPG zu PNG und PNG zu JPG für klassische Format-Wechsel. Für volle Foto-Bearbeitung inkl. Lightroom-ähnlicher Anpassung: Foto-Editor. Mehrere Bilder zu einem PDF: Bild zu PDF.