ToolBox Image — Wie Bildkomprimierung wirklich funktioniert (in 5 Minuten)

JPEG, WebP, AVIF — was sie tun, ihre Vor- und Nachteile und wie man den richtigen Encoder auswählt.

Bildkomprimierung ist im Prinzip ein gelöstes Problem, aber die Wahl des falschen Formats oder der falschen Qualitätseinstellung kann Bandbreite verschwenden, Ihre Website verlangsamen oder sichtbare Artefakte erzeugen. Hier ist ein praktischer Leitfaden, wie die wichtigsten Formate funktionieren und wann sie verwendet werden sollten.

Verlustbehaftet vs. verlustfrei

Jedes Bildformat fällt in eine von zwei Kategorien. Verlustfreie Formate bewahren jedes Pixel des Originals — das decodierte Bild ist bitweise identisch mit der Quelle. Verlustbehaftete Formate verwerfen Informationen, für die das menschliche Auge weniger empfindlich ist, und erreichen viel kleinere Dateigrößen auf Kosten einer gewissen Genauigkeit.

Welche Sie wählen, hängt vom Anwendungsfall ab. Fotos und Verläufe vertragen verlustbehaftete Komprimierung gut, da die Artefakte bei normaler Betrachtungsgröße schwer zu erkennen sind. Screenshots, Text, Logos und Grafiken mit scharfen Kanten benötigen verlustfreie Codierung, um scharf zu bleiben.

JPEG: der universelle Standard

JPEG ist seit drei Jahrzehnten das dominierende Bildformat im Web. Es verwendet einen verlustbehafteten Komprimierungsalgorithmus, der auf der diskreten Kosinustransformation basiert — derselben Technik, die auch in Videocodecs verwendet wird. Der Encoder teilt das Bild in 8x8-Pixel-Blöcke auf, transformiert jeden Block in den Frequenzraum und verwirft hochfrequente Informationen, die das menschliche Auge weniger stark wahrnimmt.

Stärken: Universelle Browserunterstützung, hervorragende Komprimierung für Fotos, einstellbare Qualität.

Schwächen: Keine Transparenzunterstützung, sichtbare Blockartefakte bei niedriger Qualität, schlechte Komprimierung für Text und Grafiken.

Am besten geeignet für: Fotos, komplexe Verläufe, Social-Media-Bilder, jede Situation, in der universelle Kompatibilität wichtiger ist als die Dateigröße.