Zwei Komprimierungsmodi
WebP ist unter den gängigen Bildformaten einzigartig, da es sowohl verlustbehaftete als auch verlustfreie Komprimierung in einem einzigen Format bietet. JPG unterstützt nur verlustbehaftete Komprimierung. PNG unterstützt nur verlustfreie. WebP unterstützt beide Varianten, und die beiden Modi verwenden völlig unterschiedliche Komprimierungsalgorithmen.
Verlustbehafteter Modus
Die verlustbehaftete WebP-Komprimierung basiert auf der Intra-Frame-Vorhersage des VP8-Video-Codecs. Sie funktioniert, indem jeder Pixelblock aus benachbarten Blöcken vorhergesagt wird und anschließend nur die Differenz (Residual) kodiert wird. Der Qualitätsparameter steuert, wie aggressiv die Residualdaten quantisiert werden — höhere Qualität bedeutet weniger Quantisierung und mehr erhaltene Daten, niedrigere Qualität bedeutet aggressivere Quantisierung und kleinere Dateien.
Verlustbehaftetes WebP ist ideal für Fotos und komplexe natürliche Bilder, bei denen ein kleiner, unmerklicher Datenverlust zu erheblichen Dateigrößenreduzierungen führt. Bei Qualität 80 ist ein verlustbehaftetes WebP typischerweise 65–70% kleiner als das unkomprimierte Original, ohne sichtbaren Unterschied für das menschliche Auge.
Verlustfreier Modus
Die verlustfreie WebP-Komprimierung verwendet einen völlig anderen Algorithmus, der auf räumlicher Vorhersage, Farbtransformationen, LZ77-Rückwärtsreferenzen und optimierter Huffman-Kodierung basiert. Jeder einzelne Pixel des Originalbildes wird exakt erhalten — die Dekomprimierung eines verlustfreien WebP erzeugt ein bitidentisches Bild zur Quelle.
Verlustfreies WebP ist typischerweise 26% kleiner als PNG bei gleichem Bild. Es ist ideal für Screenshots, Icons, Logos, UI-Elemente, technische Diagramme und alle Bilder, bei denen pixelgenaue Präzision wichtig ist. Der Qualitätsparameter im verlustfreien Modus (0–9) steuert den Komprimierungsaufwand (Kodierungsgeschwindigkeit), nicht die Ausgabequalität — alle Einstellungen erzeugen identische Ausgaben, nur mit unterschiedlichen Kodierungsgeschwindigkeiten.
Wichtiger Unterschied: Im verlustbehafteten Modus steuert der Qualitätsparameter (0–100) die Ausgabequalität. Im verlustfreien Modus steuert der „method"-Parameter (0–6) die Kodierungsgeschwindigkeit. Die Ausgabe der verlustfreien Komprimierung ist unabhängig von den Einstellungen immer pixelgenau.
Der Qualitätsparameter (0–100)
WebPs verlustbehafteter Qualitätsparameter funktioniert ähnlich wie JPEGs Qualitätseinstellung, aber die Skalen sind nicht direkt gleichwertig. Hier sehen Sie, was jeder Qualitätsbereich erzeugt:
Qualität 50–60: Starke Komprimierung
Bei diesen Einstellungen erzeugt WebP sehr kleine Dateien auf Kosten sichtbarer Qualitätsverluste. Komprimierungsartefakte werden deutlich: Glättung feiner Texturen, Verlust subtiler Farbverläufe und ein „Plastik"-Erscheinungsbild bei Hauttönen. Feine Details wie einzelne Haare, Gewebemuster und Text in Fotos werden sichtbar beeinträchtigt.
Anwendungsfall: Extrem bandbreitenbeschränkte Umgebungen, in denen die Dateigröße entscheidend und die Bildqualität zweitrangig ist. Hintergrundbilder mit niedriger Priorität bei langsamen mobilen Verbindungen. Vorschau-Thumbnails, bei denen das Bild nie in voller Größe angezeigt wird.
Qualität 70–80: Web-Standard
Dies ist der optimale Bereich für Web-Bilder. Bei Qualität 75–80 sind Komprimierungsartefakte für die meisten Betrachter bei normalen Betrachtungsabständen und Bildschirmgrößen nicht wahrnehmbar. Feine Texturen sind gut erhalten, Farbübergänge sind weich, und die Dateigrößeneinsparungen im Vergleich zu Qualität 100 sind erheblich (typischerweise 60–70% kleiner).
Qualität 75 ist Googles Standard für den cwebp-Encoder und die am häufigsten verwendete Einstellung für die Web-Auslieferung. Qualität 80 ist die zweitbeliebteste Wahl und bietet eine leicht bessere Detailerhaltung bei einer moderaten Dateigrößenzunahme.
Anwendungsfall: Allgemeine Web-Bilder, E-Commerce-Produktfotos, Blog-Bilder, Social-Media-Inhalte, Nachrichtenfotografie. Dies ist der korrekte Bereich für die überwiegende Mehrheit der Web-Anwendungen.
Qualität 85–90: Hohe Qualität
Bei diesen Einstellungen erhält WebP nahezu alle sichtbaren Details. Selbst ein sorgfältiger Pixelvergleich mit dem Original zeigt minimale Unterschiede. Die Dateigröße ist größer als bei Q75–80, aber immer noch deutlich kleiner als verlustfrei oder unkomprimiert.
Der Standard von CleverUtils.com liegt in diesem Bereich und stellt sicher, dass konvertierte Bilder für alle praktischen Zwecke eine ausgezeichnete Qualität behalten. Dies ist auch der empfohlene Bereich für Fotografie-Portfolios, hochwertige E-Commerce-Shops (bei denen Produktdetails für Kaufentscheidungen wichtig sind) und jeden Kontext, in dem Bildqualität Priorität hat, Bandbreite aber dennoch eine Rolle spielt.
Anwendungsfall: Fotografie-Portfolios, hochwertige Produktbilder, medizinische Referenzbilder (nicht diagnostisch), professionelle Präsentationen und Situationen, in denen das Bild möglicherweise bei 100% Zoom betrachtet wird.
Qualität 95–100: Nahezu Verlustfrei
Qualität 100 wendet die minimal mögliche Quantisierung auf die DCT-Koeffizienten an. Sie ist nicht verlustfrei — einige Daten werden während der Vorhersage- und Transformationsschritte weiterhin verworfen — aber der Verlust ist mathematisch minimal. Dateien mit Qualität 95–100 sind nur 20–30% kleiner als das verlustfreie Äquivalent, was die Frage aufwirft, ob Sie stattdessen einfach den verlustfreien Modus verwenden sollten.
Der praktische visuelle Unterschied zwischen Q100-verlustbehaftet und echtem Verlustfrei ist für das menschliche Auge unsichtbar. Für Anwendungen, bei denen nachweislich kein Datenverlust akzeptabel ist (Archivierung, wissenschaftliche Bildgebung, Pixel-Art), ist echtes Verlustfrei die richtige Wahl, da Q100 technisch gesehen Pixelwerte verändert.
Anwendungsfall: Archivierung, bei der verlustfrei zu groß ist, Master-Kopien, bei denen vernachlässigbarer Verlust akzeptabel ist, Quellbilder, die weiterer Bearbeitung unterzogen werden.
Verlustfreier Modus im Detail
Der verlustfreie WebP-Modus ist nicht einfach „Qualität 100+" — er verwendet einen völlig anderen Komprimierungsalgorithmus. Während verlustbehaftetes WebP auf VP8-Video-Vorhersage und DCT basiert, verwendet verlustfreies WebP ein System, das speziell für die exakte Pixelerhaltung entwickelt wurde:
- Räumliche Vorhersage mit 13 Modi — weitaus mehr Vorhersageoptionen als die 4 Intra-Modi des verlustbehafteten Modus
- Farbtransformation — dekorreliert RGB-Kanäle zur Entropireduzierung
- Subtract-Green-Transformation — nutzt die hohe Korrelation zwischen Grün und den anderen Kanälen in natürlichen Bildern
- Palettenkodierung — erkennt automatisch Bilder mit 256 oder weniger eindeutigen Farben und wechselt in den indizierten Modus
- LZ77-Rückwärtsreferenzen — findet und ersetzt sich wiederholende Pixelmuster
- Huffman-Kodierung — optimale Entropiekodierung für den komprimierten Datenstrom
Das Ergebnis ist, dass verlustfreie WebP-Dateien ungefähr 26% kleiner als entsprechende PNG-Dateien sind. Bei Bildern mit begrenzten Farbpaletten (Icons, einfache Logos, Flat-Design-UI) können die Einsparungen 40% überschreiten, da Palettenkodierung und LZ77-Referenzen bei diesen Bildtypen äußerst effektiv sind.
Garantie von verlustfreiem WebP: Jeder Pixelwert im dekomprimierten Bild ist identisch mit dem Original. Dies ist eine mathematische Garantie — die Komprimierung ist vollständig reversibel. Die Dateigröße hängt vom Bildinhalt ab: Einfache Grafiken komprimieren extrem gut, komplexe Fotografien komprimieren moderat.
Empfohlene Einstellungen nach Anwendungsfall
| Anwendungsfall | Modus | Qualität | Begründung |
|---|---|---|---|
| Web-Fotos (allgemein) | Verlustbehaftet | 75–85 | Bestes Verhältnis von Größe und Qualität |
| E-Commerce-Produkte | Verlustbehaftet | 80–90 | Produktdetails sind verkaufsrelevant |
| Fotografie-Portfolio | Verlustbehaftet | 85–92 | Präsentationsqualität ist entscheidend |
| Thumbnails | Verlustbehaftet | 60–70 | Kleine Darstellungsgröße verbirgt Artefakte |
| Hero-/Banner-Bilder | Verlustbehaftet | 75–85 | Große Dateien; Größeneinsparungen sind wichtig |
| UI-Elemente / Icons | Verlustfrei | N/A | Scharfe Kanten degradieren unter verlustbehafteter Komprimierung |
| Logos | Verlustfrei | N/A | Pixelgenaue Markenkonsistenz erforderlich |
| Screenshots | Verlustfrei | N/A | Text und UI-Elemente benötigen scharfe Kanten |
| Archivierung / Backup | Verlustfrei | N/A | Kein Datenverlust, 26% kleiner als PNG |
Dateigröße bei verschiedenen Qualitätsstufen
So variiert die Dateigröße mit der Qualität für ein typisches 1200×800-Foto (repräsentativ für die Web-Nutzung):
| Einstellung | Dateigröße | vs. Original | Bildqualität |
|---|---|---|---|
| Verlustbehaftet Q50 | 85 KB | 97% kleiner | Sichtbare Artefakte, „Plastik"-Glättung |
| Verlustbehaftet Q60 | 110 KB | 96% kleiner | Geringe Artefakte bei genauer Betrachtung |
| Verlustbehaftet Q70 | 150 KB | 95% kleiner | Gut — Artefakte kaum merklich |
| Verlustbehaftet Q75 | 185 KB | 94% kleiner | Ausgezeichnet — Google-Standard |
| Verlustbehaftet Q80 | 230 KB | 92% kleiner | Ausgezeichnet — beliebteste Web-Einstellung |
| Verlustbehaftet Q85 | 290 KB | 90% kleiner | Sehr hoch — vernachlässigbarer Unterschied zum Original |
| Verlustbehaftet Q90 | 395 KB | 86% kleiner | Nahezu perfekt — Unterschiede nur bei 200%+ Zoom |
| Verlustbehaftet Q100 | 820 KB | 72% kleiner | Minimale Quantisierung — technisch noch verlustbehaftet |
| Verlustfrei | 2,2 MB | 25% kleiner | Perfekt — bitidentisch mit der Quelle |
Quelle: 1200×800-Foto, 2,9 MB als PNG. Größen sind repräsentativ; tatsächliche Werte variieren je nach Bildinhalt.
Die Tabelle verdeutlicht einen wichtigen Punkt: Die Beziehung zwischen Qualität und Dateigröße ist nicht linear. Der Schritt von Q50 auf Q75 verdoppelt die Dateigröße ungefähr, verbessert aber die Qualität erheblich. Der Schritt von Q90 auf Q100 verdoppelt die Dateigröße erneut, bringt aber nahezu keine sichtbare Verbesserung. Deshalb ist Q75–85 der „optimale Bereich" — er liegt an der Knie-Kurve, wo die abnehmenden Grenznutzen beginnen.
Verlustbehaftet vs. Verlustfrei: Wie Sie wählen
Die Entscheidung zwischen verlustbehaftetem und verlustfreiem WebP hängt von Ihrem Bildinhalt und Anwendungsfall ab:
Wählen Sie verlustbehaftet, wenn:
- Das Bild ein Foto ist oder komplexe, kontinuierliche Tonalevariationen aufweist
- Dateigrößenreduzierung wichtig ist (Web-Auslieferung, Bandbreitenbeschränkungen)
- Das Bild bei normalen Größen und nicht bei 200%+ Zoom betrachtet wird
- Ein kleiner, nicht wahrnehmbarer Datenverlust akzeptabel ist
Wählen Sie verlustfrei, wenn:
- Das Bild Text, scharfe Kanten oder geometrische Formen enthält (Screenshots, Logos, Icons)
- Pixelgenaue Präzision erforderlich ist (wissenschaftliche Bildgebung, Pixel-Art, technische Diagramme)
- Das Bild weiterer Bearbeitung oder Verarbeitung unterzogen wird (verlustfrei verhindert kumulative Degradierung)
- Sie eine kleinere Alternative zu PNG ohne Qualitätskompromisse benötigen
- Das Bild wenige eindeutige Farben hat (verlustfreies WebP mit Palettenkodierung ist sehr effizient)
Einfache Regel: Wenn das Bild von einer Kamera stammt, verwenden Sie verlustbehaftet (Q75–85). Wenn es von einem Computer stammt (Screenshot, Design-Tool, Code-Editor), verwenden Sie verlustfrei. Diese Faustregel gilt für die überwiegende Mehrheit der Fälle.
Verschiedene Einstellungen ausprobieren
Der beste Weg, Qualitätseinstellungen zu verstehen, ist das Experimentieren mit eigenen Bildern. Laden Sie eine WebP-Datei auf CleverUtils.com hoch und sehen Sie das Ergebnis — unser Konverter verwendet hochwertige Einstellungen, die darauf ausgelegt sind, maximale Details zu erhalten und gleichzeitig eine universell kompatible JPG-Datei zu erzeugen.
Wenn das Quell-WebP verlustbehaftete Komprimierung verwendet (was bei den meisten von Websites gespeicherten Bildern der Fall ist), führt die Konvertierung zu JPG zu minimalem zusätzlichem Qualitätsverlust, da beide Formate ähnliche wahrnehmungsbasierte Komprimierungsstrategien verwenden. Wenn die Quelle verlustfreies WebP ist, wird die JPG-Ausgabe eine ausgezeichnete hochwertige verlustbehaftete Version sein.