WebP-Komprimierung: Warum sie besser ist als JPEG

JPEG ist seit 30 Jahren das Standard-Bildformat. Es ist überall. Jede Kamera, jedes Smartphone, jede Website nutzt es.

Aber JPEG zeigt sein Alter. Es gibt ein neueres Format, das kleinere Dateien bei gleicher Qualität liefert. Es unterstützt Transparenz. Es verarbeitet Fotos und Grafiken gleich gut. Und jeder moderne Browser unterstützt es.

Dieses Format ist WebP. Hier erfährst du, warum es JPEG bei Webbildern schlägt und wie du den Umstieg machst.

Wie viel kleiner ist WebP als JPEG?

Die Zahlen sind eindeutig. WebP erzeugt Dateien, die bei gleicher visueller Qualität 25-35% kleiner als JPEG sind.

Google hat beim Erstellen von WebP umfangreiche Tests durchgeführt. Bei einem Datensatz von 1 Million Bildern waren verlustbehaftete WebP-Dateien 25-34% kleiner als vergleichbare JPEGs. Bei verlustfreier Komprimierung war WebP 26% kleiner als PNG.

Wie sieht das in der Praxis aus? Ein als JPEG bei Qualität 80 komprimiertes Produktfoto ist vielleicht 200 KB groß. Das gleiche Bild als WebP bei gleicher visueller Qualität ist etwa 140 KB. Das sind 60 KB gespart pro Bild.

Skaliere das auf eine Website. Eine Seite mit 10 Produktbildern spart 600 KB. Ein Blog mit 50 Bildern über alle Posts spart 3 MB. Ein Online-Shop mit tausenden Artikeln? Die Bandbreiten-Einsparungen summieren sich schnell.

Das sind keine theoretischen Werte. Sie stammen aus realen Komprimierungsvergleichen. Die Einsparungen gelten für verschiedene Fototypen. Porträts, Landschaften, Produktfotos, Food-Fotografie. WebP schlägt JPEG bei der Dateigröße durchgehend.

Für einen tieferen Blick darauf, wie verschiedene Komprimierungsmethoden funktionieren und wann du sie einsetzt, behandelt unser kompletter Guide zur Bildkomprimierung die Grundlagen.

Warum komprimiert WebP besser als JPEG?

JPEG wurde 1992 entwickelt. Es nutzt eine Technik namens Diskrete Kosinustransformation (DCT), um Bilder in 8x8-Pixel-Blöcken zu komprimieren. Das war brillant für die damalige Zeit, aber der blockbasierte Ansatz erzeugt bei niedrigen Qualitätseinstellungen sichtbare Artefakte. Du kennst sie: diese blockigen, verpixelten Stellen, die bei zu niedriger JPEG-Qualität auftauchen.

WebP nutzt einen moderneren Ansatz. Es basiert auf dem VP8-Video-Codec (die gleiche Technologie wie bei WebM-Video). Statt starrer 8x8-Blöcke nutzt WebP variable Blockgrößen. Es sagt vorher, wie jeder Pixelblock basierend auf umgebenden Blöcken aussehen wird. Es speichert nur die Differenz zwischen der Vorhersage und dem tatsächlichen Bild.

Dieser prädiktive Ansatz ist viel effizienter. WebP kann die gleichen Bilddaten mit weniger Bytes beschreiben.

WebP verarbeitet scharfe Kanten auch besser. JPEG erzeugt oft „Ringing"-Artefakte um Text und harte Kanten. WebPs Vorhersagemodell verarbeitet diese Übergänge sauberer. Darum sieht WebP sogar bei kleinerer Dateigröße besser aus als JPEG.

Für verlustfreie Komprimierung nutzt WebP eine Kombination von Techniken. Transform-Kodierung, räumliche Vorhersage, Farbraum-Transformationen und einen effizienten Entropie-Kodierer. Zusammen komprimieren sie verlustfreie Bilder 25-30% besser als PNG.

Das praktische Ergebnis? Kleinere Dateien, die gleich oder besser aussehen. Das ist die ganze Geschichte.

Unterstützen alle Browser WebP?

Ja. Für praktische Zwecke funktioniert WebP überall.

Stand 2026 wird WebP von über 97% der Browser weltweit unterstützt. Chrome, Firefox, Safari, Edge, Opera und alle großen Mobilbrowser verarbeiten WebP nativ. Safari hat die Unterstützung 2020 hinzugefügt (Safari 14) und war der letzte große Nachzügler.

Die einzigen Browser ohne WebP-Unterstützung sind der Internet Explorer (von Microsoft eingestellt) und sehr alte Mobilbrowser, die kaum jemand nutzt.

Hier die aktuelle Browser-Unterstützung:

Browser	WebP-Unterstützung
Chrome	Ja (seit 2014)
Firefox	Ja (seit 2019)
Safari	Ja (seit 2020)
Edge	Ja (seit 2018)
Opera	Ja (seit 2014)
Samsung Internet	Ja
iOS Safari	Ja (seit iOS 14)

Wenn du trotzdem ein Sicherheitsnetz willst, nutze das <picture>-Element mit JPEG-Fallback:

<picture>
  <source srcset="/foto.webp" type="image/webp">
  <img src="/foto.jpg" alt="Bildbeschreibung">
</picture>

Der Browser wählt WebP, wenn er kann. Sonst fällt er auf JPEG zurück. Kein JavaScript nötig. Keine zusätzliche Komplexität. Die 2-3% der Nutzer auf alten Browsern sehen das Bild trotzdem.

Für die meisten Websites kannst du 2026 WebP bedenkenlos an alle ausliefern.

Solltest du alle deine Bilder in WebP konvertieren?

Für die meisten Webbilder: ja. WebP liefert kleinere Dateien ohne sichtbaren Qualitätsunterschied. Es gibt kaum einen Grund, es nicht zu nutzen.

Aber es gibt ein paar Situationen, in denen du bei anderen Formaten bleiben könntest.

Behalte JPEG, wenn du Bilder für Print verteilst oder Dateien mit Leuten teilst, die sie in älterer Desktop-Software öffnen. Manche Bildbearbeitungsprogramme und Druckdienste bevorzugen JPEG. Fürs Web gewinnt aber WebP.

Behalte PNG, wenn du pixelgenaue, verlustfreie Komprimierung für Archivierung oder Bearbeitungs-Workflows brauchst. Verlustfreies WebP funktioniert auch, aber PNG wird in Desktop-Tools und Design-Software breiter unterstützt.

Erwäge AVIF, wenn du noch bessere Komprimierung als WebP willst. AVIF-Dateien sind 20-30% kleiner als WebP. Aber AVIF kodiert langsamer und hat etwas weniger Browserunterstützung (~93%). Es ist der nächste Schritt, aber WebP ist heute die sichere Wahl.

Nutze SVG für Logos, Icons und einfache Grafiken. SVG ist vektorbasiert und skaliert perfekt auf jede Größe. Es ist typischerweise kleiner als jedes Rasterformat bei einfachen Formen und Text.

Für Standard-Webanwendungen — Produktfotos, Blogbilder, Hero-Banner, Thumbnails — konvertiere alles zu WebP. Die Dateigrößen-Einsparung ist kostenlose Performance. Und Bildkomprimierung für Websites ist einer der einfachsten Speed-Gewinne.

Wie beeinflusst WebP SEO und Ladegeschwindigkeit?

Kleinere Bilder bedeuten schnellere Seiten. Schnellere Seiten bedeuten bessere Rankings. So einfach ist das.

Googles PageSpeed Insights empfiehlt ausdrücklich, Bilder in „modernen Formaten" bereitzustellen. Das bedeutet WebP und AVIF. Wenn du noch JPEG oder PNG auslieferst, siehst du das als Warnung in jedem Lighthouse-Audit.

Der Wechsel von JPEG zu WebP verbessert direkt deine Core Web Vitals. Die Metrik, die am meisten profitiert, ist der Largest Contentful Paint (LCP). Wenn dein Hero-Bild das LCP-Element ist (meistens ist es das), bedeutet eine 30% kleinere Datei 30% schnelleres Laden. Das kann den LCP um eine halbe Sekunde oder mehr senken.

Das zeigen die Daten:

• Seiten mit WebP-Bildern laden durchschnittlich 200-500ms schneller als die gleichen Seiten mit JPEG.
• Mobilnutzer sehen noch größere Verbesserungen, weil sie langsamere Verbindungen haben.
• Google Search Console-Daten zeigen durchgehend bessere Core Web Vitals für Websites mit modernen Bildformaten.

Neben LCP bedeuten kleinere Bilder weniger Bandbreite. Weniger Bandbreite bedeutet niedrigere Hosting-Kosten. Für Websites mit viel Traffic sind die Einsparungen real.

Und ein Bonus: Die Google Bildersuche indexiert WebP-Dateien problemlos. Deine Bilder erscheinen weiterhin in der Bildersuche. WebP schadet der Auffindbarkeit überhaupt nicht.

Wie konvertierst du JPEG zu WebP?

Es gibt mehrere Wege, je nach deinem Workflow.

Online-Tools. Die einfachste Methode. Lade dein JPEG hoch, stelle eine Qualitätsstufe ein und lade die WebP-Datei herunter. CompressIMG kann Stapelkonvertierung. Lade bis zu 20 Bilder auf einmal hoch, wähle deine Qualität und lade alle als WebP herunter.

Build-Time-Konvertierung. Wenn du ein Framework wie Next.js, Astro oder Gatsby nutzt, passiert die Bildoptimierung oft automatisch. Die Next.js Image-Komponente konvertiert und skaliert Bilder beim Build. Du lädst ein JPEG hoch und Besucher bekommen ein WebP.

Kommandozeilen-Tools. Das cwebp-Tool von Google konvertiert einzelne Dateien. Sharp (Node.js) und Pillow (Python) übernehmen die Konvertierung im Code. Das ist nützlich für eigene Build-Pipelines.

CDN-basierte Konvertierung. Dienste wie Cloudflare und Imgix konvertieren Bilder on-the-fly. Lade das Original-JPEG hoch und das CDN liefert WebP an Browser, die es unterstützen. Kein Build-Schritt nötig.

Für die meisten Content-Creator und kleine Teams ist ein Online-Tool der schnellste Weg. Du musst nichts an deinem CMS oder Hosting ändern. Komprimiere und konvertiere einfach deine Bilder vor dem Hochladen.

Welche Qualitätseinstellung solltest du nutzen? Für Fotos liefert WebP Qualität 75-85 tolle Ergebnisse. WebP Qualität 80 sieht gleichwertig mit JPEG Qualität 85 aus, weil WebPs Komprimierung effizienter ist. Du kannst also eine etwas niedrigere Zahl nutzen und bekommst trotzdem das gleiche visuelle Ergebnis.

Was ist mit WebP für Transparenz und Animation?

Einer der Vorteile von WebP gegenüber JPEG ist die Unterstützung von Transparenz und Animation. JPEG kann beides nicht.

Transparenz: WebP verarbeitet Alphakanäle genau wie PNG. Du kannst komplett transparente Hintergründe, halbtransparente Overlays und glatte Anti-Aliasing-Kanten haben. Aber die Dateigröße ist viel kleiner als bei PNG. Ein transparentes WebP ist typischerweise 25-35% kleiner als das gleiche PNG.

Das macht WebP ideal für:

• Produktbilder auf weißem oder individuellem Hintergrund
• Logo-Overlays
• UI-Elemente wie Badges und Sticker
• Jede Grafik, die über anderem Inhalt liegen muss

Animation: WebP unterstützt Animation wie GIF, aber mit viel besserer Komprimierung. Ein animiertes WebP kann 30-50% kleiner als das gleiche GIF sein. Es unterstützt außerdem mehr als 256 Farben (die Grenze von GIF), daher sieht animiertes WebP bei fotografischem Inhalt viel besser aus.

Für einfache Animationen und Memes funktioniert GIF immer noch. Aber wenn Dateigröße wichtig ist (und im Web ist sie es immer), ist animiertes WebP die bessere Wahl.

Diese Vielseitigkeit macht WebP besonders. JPEG verarbeitet Fotos. PNG verarbeitet Transparenz. GIF verarbeitet Animation. WebP verarbeitet alle drei in einem Format, mit besserer Komprimierung in allen Bereichen.

Ist es Zeit, JPEG komplett aufzugeben?

Nicht ganz. Aber fürs Web sollte WebP dein Standard sein.

JPEG hat weiterhin seinen Platz. Es ist das universelle Format, das jedes Gerät, jede App und jeder Dienst versteht. Zum Versenden von Fotos per E-Mail, Teilen von Dateien auf USB-Sticks oder für Druckereien ist JPEG immer noch die sichere Wahl.

Aber für Bilder auf deiner Website? Es gibt 2026 keinen guten Grund, JPEG statt WebP auszuliefern. Die Dateien sind kleiner. Die Qualität ist gleich oder besser. Die Browserunterstützung ist fast universell. Jedes moderne CMS und Framework kann WebP verarbeiten.

Der Vergleich zwischen TinyPNG, Squoosh und CompressIMG zeigt, dass alle großen Komprimierungstools WebP unterstützen. Du bist nicht an ein einzelnes Tool oder einen Workflow gebunden.

Mach den Wechsel. Deine Bilder werden kleiner. Deine Seiten werden schneller. Deine Besucher und Google werden es bemerken.

CompressIMG konvertiert und komprimiert deine Bilder zu WebP in Sekunden. Lade deine JPEGs hoch, stelle die Qualität ein und lade WebP-Dateien herunter, die 25-35% kleiner sind. Kostenlos und direkt im Browser.