Verlustbehaftet vs. verlustfrei: der Unterschied

Jede JPG-, WebP-, AVIF- oder PNG-Datei auf Ihrem Computer wurde vor dem Speichern von einem Komprimierungsalgorithmus verkleinert. Zwei Familien von Algorithmen erledigen diese Verkleinerung – und sie machen sehr unterschiedliche Versprechen, was mit Ihren Pixeln passiert. Wählen Sie das falsche Verfahren für das falsche Bild, laden Sie entweder ein 4-MB-Hero-Banner, das Ihren Largest Contentful Paint in den Keller zieht, oder Sie speichern ein Foto als PNG und wundern sich, warum Ihr Fotoblog plötzlich zwölfmal schwerer ist als nötig.

Diese Anleitung erklärt, was verlustbehaftete und verlustfreie Komprimierung tatsächlich tun, warum ein und dasselbe Wort („Komprimierung") zwei gegensätzliche Ziele abdeckt und wann es wichtig ist, welches Verfahren Ihr Werkzeug verwendet. Für die Format-für-Format-Entscheidungsmatrix lesen Sie unseren BegleitartikelJPG vs. PNG vs. WebP vs. AVIF– dieser Beitrag erklärt das Konzept, jener die Kaufentscheidung.

So funktioniert verlustbehaftete Komprimierung

Verlustbehaftete Komprimierung wirft Informationen weg, von denen der Codec glaubt, dass Sie sie nicht bemerken. Das klassische Beispiel ist JPEG: Es zerlegt das Bild in 8×8-Blöcke, wendet auf jeden Block eine diskrete Kosinustransformation an undquantisiert die entstehenden Koeffizienten – eine elegante Art zu sagen „runde diese Zahlen auf ein gröberes Raster". Runden ist destruktiv: Der ursprüngliche Wert ist weg. Was Ihnen hilft, ist die Tatsache, dass hochfrequente Koeffizienten (winzige Farbverschiebungen zwischen benachbarten Pixeln) aggressiver gerundet werden als niederfrequente (große Formen), und Ihr visuelles System für Letztere deutlich empfindlicher ist.

WebP und AVIF sind ebenfalls standardmäßig verlustbehaftet – wenden denselben Trick aber auf besseren Prädiktoren auf. WebP nutzt einen VP8-artigen Intra-Prädiktor, der jeden Block aus seinen Nachbarn vorhersagt, und kodiert nur das kleine Residuum. AVIF geht mit Intra-Frames aus AV1 noch weiter und liefert JPG-Qualität bei deutlich kleineren Dateien. Beide Formate stimmen ihre Quantisierungstabellen außerdem auf perzeptuelle Modelle ab (oft SSIMULACRA2 oder Butteraugli), sodass der „Qualitätsregler" tatsächlich auf „wahrgenommene Qualität" abbildet – und nicht nur auf das Signal-Rausch-Verhältnis.

Die wichtigste Einschränkung bei verlustbehaftet ist die Re-Encode-Falle: Jedes Mal, wenn Sie ein JPEG neu kodieren, quantisieren Sie erneut und verlieren eine weitere Generation an Details. Ein JPG mit Qualität 90 zehnmal mit Qualität 90 zu speichern liefert nicht dieselbe Datei wie ein einmaliges Speichern – sondern ein weicheres Bild. Behalten Sie immer ein Master-Original und exportieren Sie aus diesem.

So funktioniert verlustfreie Komprimierung

Verlustfreie Komprimierung erhält jeden einzelnen Pixel identisch. Sie kann keine kleineren Dateien erzeugen, als die Originaldaten es erlauben, und arbeitet daher durch das Entfernen von Redundanz statt durch Wegwerfen von Informationen. PNGverwendet einen zeilenweisen Filter (None, Sub, Up, Average, Paeth), der jeden Pixel aus seinen Nachbarn vorhersagt und nur die kleine Differenz speichert, und wendet darauf anschließend deflate an (denselben Algorithmus, der auch in ZIP und gzip steckt). Ein flacher UI-Screenshot schrumpft auf einen Bruchteil seiner Größe, weil jede Zeile die nächste perfekt vorhersagt.

GIF verwendet den älteren LZW-Wörterbuch-Coder, weshalb es bei einer 256-Farben-Palette an seine Grenze stößt und für Standbilder heute fast nur noch historische Bedeutung hat. WebP und AVIF können ebenfalls in den verlustfreien Modus wechseln – WebP verlustfrei schlägt PNG bei UI-Assets oft um 20–30 %, AVIF verlustfrei geht noch weiter. Der Haken ist die Encode-Geschwindigkeit: Verlustfreies WebP und AVIF kodieren deutlich langsamer als ihre verlustbehafteten Pendants, weshalb die meisten Pipelines sie nur für bereits kuratierte Assets einsetzen.

Die entscheidende Eigenschaft verlustfreier Komprimierung ist, dass das Dekodieren immer die ursprünglichen Bits zurückliefert. Sie können ein PNG hundertmal speichern und die Datei bleibt byte-für-byte identisch zur ersten Speicherung. Genau diese Garantie ist der Grund, warum Logos, Icons und Quell-Design-Assets in verlustfreien Formaten bleiben, obwohl sie in einer Byte-Budget-Grafik „langweilig" wirken.

Wann Sie was wählen sollten

Verwenden Sie die Foto-Regel: Alles, was mit einer Kamera aufgenommen wurde (oder alles mit kontinuierlichen Tonwertverläufen, Farbverläufen und Rauschen), sollte standardmäßigverlustbehaftet sein, sofern kein konkreter Grund dagegen spricht. JPG mit Qualität 80–85, WebP mit 75–85 oder AVIF mit 50–60 sind auf den meisten Monitoren „visuell nicht vom Original zu unterscheiden". Die 5- bis 10-fache Größenersparnis ist auf einer schnellen Webseite nicht verhandelbar.

Verwenden Sie die Grafik-Regel: Alles mit flachen Farben, harten Kanten, Text oder Transparenz (Logos, Icons, Diagramme, Screenshots) sollte standardmäßigverlustfrei sein. Die Artefakte verlustbehafteter Komprimierung – Ringing um Text, Farbverschmierung an Transparenzkanten, Banding in Verläufen – sind bei solchen Bildern sofort sichtbar. PNG oder verlustfreies WebP komprimieren diese Assets ohnehin besser als JPG.

Die eine Ausnahme ist die „fast verlustfreie" Mitte: Ein hochwertiger verlustbehafteter Encode (Qualität >= 90) ist oft selbst bei Grafiken nicht vom Original zu unterscheiden und kann 40–60 % gegenüber PNG einsparen. Das ist der richtige Regler, wenn das Master in PNG vorliegt, Sie aber ein kleineres Web-Lieferobjekt benötigen. Für eine direkte Gegenüberstellung, wie die Formate auf realen Bildern tatsächlich abschneiden, lesen SieJPG vs. PNG vs. WebP vs. AVIF.

Wie ImagElite beides handhabt

Der Bildkompressor von ImagElitestellt beide Modi über einen einzigen Schieberegler bereit. Wenn Sie den Qualitätsregler für ein JPG-Zielbild bewegen, steuern Sie direkt den verlustbehafteten Encoder – niedrigere Qualität bedeutet ein gröberes Quantisierungsraster, kleinere Datei, mehr sichtbare Artefakte bei extremem Zoom. Wenn Sie das Zielformat auf PNG oder auf die verlustfreien Varianten von WebP und AVIF umschalten, verschwindet der Regler und das Werkzeug fällt auf eine reine Redundanz-Entfernung zurück, die jeden Pixel identisch zum Upload lässt.

Weil alles lokal in Ihrem Browser läuft, können Sie beide Modi am selben Bild testen, ohne erneut hochzuladen. Legen Sie einen Screenshot und ein Handyfoto ab und beobachten Sie, wie sich der Größenunterschied zwischen verlustbehaftet und verlustfrei zwischen beiden komplett umkehrt – diese Lücke ist die Redundanz, die verlustfrei nicht weiter komprimieren kann. Es ist zugleich die Lücke, die verlustbehaftet zu schließen bereit ist, um Ihre Seite schnell zu halten.