Wie man Bilder komprimiert, ohne die Qualität zu beeinträchtigen

Bildkomprimierung ist eine der wirkungsvollsten Optimierungen für die Web-Performance. Ein korrekt komprimiertes Bild sieht genauso aus wie das Original, lädt aber 50–80 % schneller. So geht's richtig.

Was „Qualitätsverlust“ tatsächlich bedeutet

Wenn von „Komprimierung ohne Qualitätsverlust“ die Rede ist, ist damit meist ohne sichtbaren Qualitätsverlust gemeint – nicht etwa mathematisch verlustfreie Komprimierung. Das menschliche Sehsystem ist nicht perfekt: Es reagiert weniger empfindlich auf Farbunterschiede als auf Helligkeit, weniger empfindlich auf Details in belebten Bereichen als auf einfarbigen und empfindlicher auf Artefakte in sanften Farbverläufen als in strukturierten Regionen.

Intelligente Komprimierungsalgorithmen nutzen diese Einschränkungen aus. Ein gut komprimiertes JPEG mit einer Qualität von 80 ist bei normalem Betrachtungsabstand von einem JPEG mit einer Qualität von 100 tatsächlich nicht zu unterscheiden. Der Unterschied wird erst sichtbar, wenn man auf 200 % und mehr vergrößert und beide Bilder direkt vergleicht.

Die richtigen Komprimierungseinstellungen je nach Format

JPEG / JPG

Die JPEG-Qualität wird üblicherweise als Zahl von 1 bis 100 angegeben. Für Webbilder wird standardmäßig eine Qualität von 80–85 empfohlen.

• Qualität 100: Verlustfrei-ähnlich, enorme Dateigröße
• Qualität 85: ca. 30 % kleiner als 100, praktisch kein sichtbarer Unterschied
• Qualität 80: ~45 % kleiner, aber für die meisten Fotografiezwecke immer noch hervorragend geeignet
• Qualität 70: ~60 % kleiner, kann bei sanften Farbverläufen leichte Artefakte aufweisen
• Qualität 60: ca. 70 % kleiner, akzeptabel für Vorschaubilder und unkritische Bilder

Für verschiedene Anwendungsfälle:

• Hauptbilder: Qualität 80–85
• Blogbeitrags-Thumbnails: Qualität 70–75
• Produktfotos (E-Commerce): Qualität 80–85
• Social-Media-Exporte: Qualität 75–80

PNG

PNG verwendet verlustfreie Komprimierung – die Qualität lässt sich nicht durch Anpassen einer „Qualitäts“-Einstellung verringern. Folgendes ist jedoch möglich:

1. Farbtiefe reduzieren: Wenn eine PNG-Datei nur 16 oder 32 verschiedene Farben verwendet (Logos, Symbole), verringert das Speichern als 8-Bit-PNG (256 Farben) die Dateigröße drastisch.
2. Verwenden Sie bessere Komprimierungsalgorithmen: Tools wie PNGQuant wenden eine verlustbehaftete Farbpalettenreduktion an, die die PNG-Dateigrößen um 60–80 % reduzieren kann, ohne dass eine wahrnehmbare Veränderung sichtbar ist.
3. Konvertierung in WebP: Bei als PNG gespeicherten Fotos spart die Konvertierung in WebP deutlich mehr Speicherplatz als die PNG-Komprimierung.

WebP

Die WebP-Komprimierung funktioniert ähnlich wie JPEG, ermöglicht aber kleinere Dateien bei gleicher Qualität. Qualität 75–80 für verlustbehaftetes WebP entspricht optisch JPEG-Qualität 85, jedoch mit ca. 25–35 % kleineren Dateien.

Schritt für Schritt: Komprimieren ohne sichtbaren Qualitätsverlust

Für Fotos (JPG/JPEG)

1. Beginnen Sie mit einer Qualitätseinstellung von 80 und vergleichen Sie das Bild mit dem Original bei 100 % Zoom.
2. Achten Sie insbesondere auf: weiche Farbverläufe (Himmel, Hauttöne), scharfe Kanten, Textüberlagerungen
3. Falls keine Artefakte sichtbar sind, versuchen Sie es mit 75.
4. Hören Sie bei der niedrigsten Qualitätsstufe auf, bei der Sie keinen Unterschied mehr erkennen können.

Für Grafiken und Logos (PNG)

1. Prüfen Sie zunächst, ob das Bild eine indizierte Farbpalette (begrenzte Farbanzahl) verwenden kann.
2. Falls es sich um ein im PNG-Format gespeichertes Foto handelt, konvertieren Sie es stattdessen in WebP.
3. Verwenden Sie die PNGQuant-basierte Komprimierung für Logos – dadurch wird oft eine Reduzierung von über 60 % erreicht.

Für jedes Bild gilt: Vor dem Komprimieren die Größe anpassen.

Die am häufigsten übersehene Optimierung: Stellen Sie sicher, dass das Bild vor der Komprimierung die richtige Größe hat.

Wenn Ihre Website Bilder mit einer Breite von 800 Pixeln anzeigt, laden Sie diese auch in 800 Pixeln hoch – nicht in 4000 Pixeln. Das Hochladen in der vierfachen Anzeigegröße verschwendet Bandbreite und erschwert die Komprimierung.

1. Zuerst auf die maximale Anzeigegröße skalieren (Bildgröße ändern)
2. Anschließend auf die Zieldateigröße komprimieren.

Stapelkomprimierung

Wenn Sie Dutzende oder Hunderte von Bildern komprimieren müssen (Produktfotos, Blogbilder, Galeriebilder), verwenden Sie unseren Image Compressor, der das gleichzeitige Hochladen mehrerer Bilder und die Anwendung der gleichen Qualitätseinstellung auf alle unterstützt.

Das richtige Format für maximale Komprimierung auswählen

Überprüfung des Ergebnisses

Nach der Komprimierung sollten Sie Ihr Bild in einem Browser oder Bildbetrachter auf 100 % vergrößern und Folgendes überprüfen:

• Glatte Bereiche (Himmel, Haut, Farbverläufe): Achten Sie auf Streifenbildung oder Blockartefakte.
• Scharfe Kanten (Text, Linien): Achten Sie auf Klingeln oder Unschärfe.
• Belebte Bereiche (Laub, Stoff): Hier lassen sich Fundstücke gut verbergen – in der Regel fein
• Einfarbige Flächen: Können bei starker Komprimierung Quantisierungsrauschen sichtbar machen.

Falls Artefakte auftreten, erhöhen Sie die Qualitätseinstellung um 5–10 und versuchen Sie es erneut.

Zieldateigrößen für Web

Dies sind realistische Zielvorgaben für Webbilder im Jahr 2026:

Verwenden Sie den PicsSizer Image Compressor, um Ihre Bilder in diese Zielformate zu komprimieren und dabei die Qualitätseinstellungen vollständig zu kontrollieren – kein Konto erforderlich, kein Upload auf einen Server.