WebP-Qualität und Kompression richtig einstellen

Die Qualitätseinstellung ist die wichtigste Stellschraube beim Umwandeln nach WebP. Sie entscheidet, wie klein die Datei wird und wie viel vom Original sichtbar bleibt. Wer den Regler versteht, spart locker zwei Drittel Dateigröße, ohne dass jemand den Unterschied bemerkt. In diesem Ratgeber zeige ich dir, wann welcher Wert passt und wie du den Sweet-Spot zuverlässig findest.

Verlustbehaftet oder verlustfrei: zwei grundverschiedene Wege

WebP kann auf zwei Arten komprimieren, und der Unterschied ist fundamental. Bei der verlustbehafteten Kompression (lossy) wirft das Format gezielt Bildinformationen weg, die das menschliche Auge kaum wahrnimmt. Feine Farbverläufe werden vereinfacht, Details in dunklen Bereichen reduziert. Das Ergebnis ist eine deutlich kleinere Datei, die für Fotos meist völlig ausreicht.

Die verlustfreie Kompression (lossless) speichert dagegen jedes einzelne Pixel exakt so, wie es im Original steht. Nichts geht verloren, das Bild ist mathematisch identisch. Dafür bleibt die Datei größer als bei lossy, aber oft immer noch kleiner als das entsprechende PNG. Welcher Weg der richtige ist, hängt vollständig vom Bildinhalt ab.

Was der Qualitätswert 0 bis 100 wirklich bedeutet

Im verlustbehafteten Modus stellst du einen Qualitätswert zwischen 0 und 100 ein. Dieser Wert ist keine Prozentangabe der Dateigröße, sondern beschreibt, wie aggressiv komprimiert wird. Ein Wert von 100 bewahrt maximale Details bei dennoch verlustbehafteter Kompression. Ein Wert von 50 wirft schon spürbar mehr weg, die Datei schrumpft, und in glatten Flächen oder an Kanten können sichtbare Klötzchen (Artefakte) entstehen.

Wichtig ist: Die Skala verhält sich nicht linear. Zwischen 100 und 85 verlierst du kaum sichtbare Qualität, sparst aber bereits enorm viel Größe. Unter 60 kippt das Verhältnis, die Ersparnis wird kleiner und die Artefakte deutlicher. Deshalb spielt sich der nützliche Bereich für die meisten Bilder im oberen Drittel ab.

Ein zweiter Punkt wird oft übersehen: Der Qualitätswert sagt nichts darüber aus, wie ein bestimmtes Motiv reagiert. Ein Bild mit großen, ruhigen Flächen wie ein klarer Himmel komprimiert sich bei gleichem Wert viel besser als ein detailreiches Motiv mit Laub, Texturen oder feinem Rauschen. Genau deshalb taugt kein fester Wert für alle Bilder. Der Regler ist eine Vorgabe, das Ergebnis hängt vom Inhalt ab, und nur die Vorschau verrät dir, wo die Grenze in deinem konkreten Fall liegt.

Praxis-Empfehlungen nach Bildtyp

Aus der täglichen Arbeit haben sich klare Richtwerte herauskristallisiert. Die folgende Tabelle fasst zusammen, welche Einstellung zu welchem Bildtyp passt und welche Ersparnis du grob erwarten kannst.

Bildtyp	Empfehlung	Typische Ersparnis	Eignung
Fotos für Web	Lossy, Qualität 75–85	60 bis 75 Prozent	sehr gut
Große Hero-Bilder	Lossy, Qualität 70–80	65 bis 80 Prozent	sehr gut
Produktfotos	Lossy, Qualität 80–88	55 bis 70 Prozent	sehr gut
Screenshots	Lossless	20 bis 45 Prozent	sehr gut
Logos und Icons	Lossless	25 bis 50 Prozent	optimal
Grafiken mit Text	Lossless	20 bis 40 Prozent	optimal
Bilder mit Transparenz	Lossy oder lossless	je nach Inhalt	sehr gut

Bei der Stapelverarbeitung von gemischten Bildern fährst du mit einem Foto-Wert um 80 am sichersten. Das passt für die große Mehrheit und liefert ein vorhersehbares Ergebnis. Einzelne Grafiken mit harten Kanten lohnt es sich danach separat verlustfrei nachzuziehen.

Die Ersparnis-Spannen in der Tabelle sind bewusst als Bereiche angegeben, nicht als feste Zahlen. Wie viel ein Bild tatsächlich schrumpft, schwankt stark mit der Vorlage. Ein bereits stark komprimiertes JPG lässt sich kaum weiter eindampfen, ein unkomprimiertes PNG-Foto dagegen umso mehr. Nimm die Werte daher als Orientierung, nicht als Garantie. Entscheidend bleibt, dass du die Datei deutlich kleiner bekommst, ohne dass die Optik leidet, und das gelingt bei der überwiegenden Mehrheit der Webbilder problemlos.

Den Sweet-Spot mit der Live-Vorschau finden

Genau hier hilft die Vorschau im Konverter. Sie zeigt dir das komprimierte Ergebnis neben der alten und neuen Dateigröße in Prozent. Mein Vorgehen ist immer gleich: Ich starte bei Qualität 80, schaue mir die kritischen Stellen an, also Hauttöne, Himmel, weiche Verläufe und scharfe Kanten, und senke den Wert dann schrittweise.

Sobald an einer dieser Stellen erste Unschärfen, Farbstufen oder Klötzchen auftauchen, gehe ich eine Stufe zurück. Dieser Punkt direkt vor dem sichtbaren Verlust ist der Sweet-Spot. Du holst dort die maximale Ersparnis heraus, ohne dass die Qualität leidet. Bei vielen Fotos landet man so bei 72 bis 78, also unter dem Startwert.

Ein praktischer Trick: Schau dir das Bild nicht nur in voller Größe an, sondern auch in der Größe, in der es später auf der Seite erscheint. Viele vermeintliche Artefakte verschwinden, sobald das Bild verkleinert dargestellt wird, weil das Auge sie bei kleinerer Anzeige nicht mehr auflöst. Wenn ein Foto am Ende nur 600 Pixel breit zu sehen ist, kannst du oft mit einem niedrigeren Qualitätswert arbeiten als bei einem großflächigen Hero-Bild. Die Anzeigegröße entscheidet also mit darüber, wie weit du den Regler herunterziehen darfst.

Die Prozentanzeige der neuen Dateigröße ist dabei dein zweiter Kompass. Sie zeigt sofort, ob sich ein weiterer Schritt nach unten überhaupt lohnt. Wenn der Sprung von 80 auf 70 nur noch wenige Prozent bringt, die Optik aber zu leiden beginnt, bleibst du besser oben. Sinkt die Größe dagegen noch deutlich, während das Bild sauber aussieht, ist Spielraum nach unten.

Die beste Qualität ist nicht die höchste, sondern die niedrigste, bei der noch niemand den Unterschied sieht.

Du kannst diesen Prozess direkt im WebP-Konverter ausprobieren. Eine ausführliche Klick-Anleitung dazu findest du unter Qualität einstellen. Weil alles lokal im Browser läuft, kannst du beliebig viele Werte durchprobieren, ohne dass ein Bild hochgeladen wird.

Warum mehrfaches Komprimieren schadet

Ein häufiger Fehler ist, eine bereits als WebP gespeicherte Datei erneut zu öffnen, leicht zu bearbeiten und wieder verlustbehaftet zu speichern. Jeder dieser Durchgänge wirft erneut Informationen weg. Das nennt man Generationsverlust, vergleichbar mit dem Kopieren einer Kopie. Nach drei oder vier Runden sieht man deutlich matschige Flächen und ausgefranste Kanten.

Die Lösung ist einfach: Behalte immer dein verlustfreies Original, zum Beispiel als PNG oder als unbearbeitetes Foto, und exportiere WebP erst ganz am Ende deines Workflows. Brauchst du später eine andere Größe oder Qualität, gehst du erneut vom Original aus, nie von der bereits komprimierten WebP-Datei.

Wann sich verlustfrei wirklich lohnt

Verlustfrei ist nicht automatisch die sichere Wahl für alles. Bei einem normalen Foto erzeugt lossless eine unnötig große Datei, ohne sichtbaren Vorteil. Lohnenswert wird der Modus genau dann, wenn das Bild aus klar abgegrenzten Bereichen besteht: ein Logo mit kräftigen Farben, ein Diagramm, ein Screenshot mit Text, ein Icon-Satz.

Bei solchen Motiven erzeugt verlustbehaftete Kompression hässliche Halos rund um Buchstaben und ausgefranste Kanten an Linien. Verlustfrei bleiben sie gestochen scharf. Der folgende Vergleich zeigt am Beispiel eines typischen Webfotos, wie sich die Dateigröße über die Qualitätsstufen entwickelt.

Gut zu sehen: Zwischen lossless und Qualität 80 liegen Welten bei der Größe, bei einem Foto aber kaum ein sichtbarer Unterschied. Für eine Grafik mit Text wäre genau dieser Sprung dagegen ein klarer Qualitätsverlust. Der Inhalt bestimmt den Modus.

Transparenz nicht vergessen

WebP unterstützt einen Alphakanal, behält also Transparenz, und das in beiden Modi. Anders als JPEG, das gar keine Transparenz kann, lassen sich freigestellte Produktbilder oder Logos mit transparentem Hintergrund problemlos nach WebP umwandeln. Im verlustbehafteten Modus bleibt die Transparenz erhalten, nur die Farbflächen werden komprimiert. Für ein freigestelltes Foto ist lossy meist völlig ausreichend, für ein transparentes Logo greift wieder die lossless-Regel.

Wer tiefer in den Format-Vergleich einsteigen will, findet die Details in unserem Ratgeber WebP gegen PNG und JPG. Und wie sich die richtige Qualität auf die Ladezeit deiner Seite auswirkt, liest du in Bilder für die Website optimieren.

Häufige Fehler und wie du sie vermeidest

Über die Jahre sehe ich immer wieder dieselben Stolpersteine. Der erste ist die Angst vor zu niedriger Qualität. Viele bleiben sicherheitshalber bei 95 oder gar 100 und verschenken damit die Hälfte der möglichen Ersparnis, ohne dass ein Mensch den Unterschied zu 82 erkennen würde. WebP ist gerade dafür gemacht, im oberen Bereich kaum sichtbar, aber stark zu komprimieren. Trau dich, den Regler zu senken, die Vorschau fängt dich auf.

Der zweite Fehler ist das Gegenteil: ein Pauschalwert von 50 oder 60 für alle Bilder, weil das ja besonders klein wird. Bei einfachen Motiven mag das noch durchgehen, bei detailreichen Fotos entstehen sichtbare Klötzchen, und Hauttöne wirken fleckig. Eine schlechte Optik kostet Vertrauen, der eingesparte Speicher wiegt das selten auf. Der goldene Mittelweg im Bereich 75 bis 85 ist nicht zufällig die Empfehlung.

Der dritte Fehler betrifft die Wahl des Modus. Wer ein Logo oder einen Screenshot verlustbehaftet speichert, weil das ja kleiner ist, wundert sich über matschige Buchstaben und Halos um Linien. Hier ist verlustfrei nicht nur schöner, sondern bei einfarbigen Flächen oft sogar kleiner. Merke dir die einfache Trennung: Fotografie gehört zu lossy, klare Formen und Text gehören zu lossless.

Ein vierter, leiser Fehler ist die Reihenfolge im Workflow. Wer erst nach WebP umwandelt und dann noch zuschneidet, schärft oder Helligkeit anpasst, komprimiert am Ende ein zweites Mal und riskiert Generationsverlust. Erledige alle Bearbeitungsschritte am Original und stell die WebP-Ausgabe an das Ende der Kette. So bekommst du das beste Ergebnis aus einem einzigen Kompressionsdurchgang.

So holst du das Beste aus dem Regler

Halte dir drei Dinge vor Augen, dann triffst du fast immer die richtige Einstellung. Erstens: Fotos gehören in den verlustbehafteten Modus mit Qualität 75 bis 85, Grafiken mit scharfen Kanten in den verlustfreien. Zweitens: Die Vorschau ist dein bester Berater, senke die Qualität, solange du keinen Unterschied siehst. Drittens: Arbeite immer am Original, um Generationsverlust zu vermeiden. Wer diese drei Regeln beherzigt, bekommt kleine Dateien mit voller Bildqualität, und genau das ist der Sinn von WebP. Probier es gleich im Konverter aus.