📋 Inhaltsverzeichnis
Verlustbehaftet vs. Verlustfrei: Wann Sie Welches Verwenden
Bildkompression gibt es in zwei Ausführungen:
Verlustfreie Kompression bewahrt jedes Pixel exakt auf. Das dekomprimierte Bild ist mit dem Original identisch, Bit für Bit. Sie funktioniert, indem sie effizientere Wege findet, dieselben Daten zu speichern - wie der DEFLATE-Algorithmus von PNG, der wiederholte Muster komprimiert. Typische Reduzierung: 10-30% bei Fotos, 50-80% bei Screenshots und Logos (viele wiederholte Pixel = hohe Komprimierbarkeit).
Verlustbehaftete Kompression verwirft Daten, die das menschliche Auge wahrscheinlich nicht bemerkt. Sie nutzt Einschränkungen des menschlichen Sehvermögens aus - wir sind weniger empfindlich für feine Farbdetails als für Helligkeitsdetails, weniger empfindlich für hochfrequente Muster. Indem sie behält, was wir sehen, und verwirft, was wir nicht sehen, erreicht verlustbehaftete Kompression eine Größenreduzierung von 70-95% bei minimalem sichtbarem Unterschied.
Die Faustregel:
- Verlustfrei: Screenshots, Logos, UI-Elemente, Text als Bild, alles, das pixelgenaue Reproduktion benötigt.
- Verlustbehaftet: Fotos, Verläufe, Gemälde, alles mit sanften Farbübergängen. Auch: alles, was im Web schnell laden soll.
JPEG, PNG, WebP, AVIF - Welches Format Für Was
| Format | Typ | Am besten für | Nicht geeignet für |
|---|---|---|---|
| JPEG | Verlustbehaftet | Fotos, komplexe Bilder mit vielen Farben | Text, Logos, Screenshots (erzeugt Artefakte an scharfen Kanten) |
| PNG | Verlustfrei | Screenshots, Logos, Icons, Text, Transparenz | Fotos (große Dateigröße - 5-10× größer als JPEG-Äquivalent) |
| WebP | Beides (verlustbehaftet + verlustfrei) | Web-Bilder - Ersatz für JPEG und PNG. 25-35% kleiner als JPEG bei gleicher Qualität | Safari < 14 unterstützt es nicht (aber alle modernen Browser tun es) |
| AVIF | Beides (verlustbehaftet + verlustfrei) | Beste Kompressionsrate. 50% kleiner als JPEG bei gleicher Qualität. HDR-Unterstützung | Kodierung ist langsam. Ältere Browserunterstützung ist lückenhaft |
| GIF | Verlustfrei (256 Farben) | Einfache Animationen, sehr kleine Dateien mit wenigen Farben | Fotos (256-Farben-Limit = schlechte Qualität), alles >256 Farben |
| SVG | Vektor (nicht Raster) | Icons, Logos, Illustrationen, alles Geometrische | Fotos (SVG kann keine fotografischen Details darstellen) |
Genaue Kompressionseinstellungen Für Jeden Anwendungsfall
| Szenario | Format | Qualität | Erwartete Reduzierung |
|---|---|---|---|
| Foto für Website-Hero | WebP verlustbehaftet | 80-85 | 70-85% vs. PNG |
| Foto für E-Mail-Anhang | JPEG | 60-75 | 80-90% vs. Original |
| Produktfoto (E-Commerce) | JPEG | 85-92 | 40-60% vs. Original |
| Screenshot für Dokumentation | PNG (verlustfrei) | N/V | 50-80% vs. unkomprimiert |
| Logo/Icon | SVG oder PNG | Verlustfrei | SVG: 90%+ vs. Raster. PNG: 50% vs. unkomprimiert. |
| Social-Media-Beitrag | JPEG | 70-80 | Plattform komprimiert ohnehin neu |
| Archiv/Master-Kopie | PNG oder TIFF | Verlustfrei | Nie Ihre einzige Kopie verlustbehaftet komprimieren |
| Fotos mit Transparenz | WebP oder PNG | Verlustfrei für PNG, Qualität 90 für WebP | WebP: 50-70%. PNG: 10-30% |
Häufige Bildkompressionsfehler
1. Ein Foto als PNG speichern
Ein 5-MB-JPEG-Foto, das als PNG gespeichert wird, wird zu 20 MB. Sie gewinnen nichts (PNG kann keine von JPEG verworfenen Details wiederherstellen) und die Datei ist 4× größer. Für Fotos: JPEG oder WebP. Immer.
2. JPEGs erneut komprimieren (Generationsverlust)
Jedes Mal, wenn Sie ein JPEG öffnen, bearbeiten und erneut als JPEG speichern, verlieren Sie Qualität. Die Kompressionsartefakte verstärken sich. Nach 3-4 erneuten Speichervorgängen bei Qualität 80 sieht das Bild merklich schlechter aus. Lösung: eine verlustfreie Masterkopie behalten, JPEGs daraus exportieren. Oder verlustfreie Operationen verwenden (drehen, zuschneiden mit kompatiblen Tools), die nicht neu kodieren.
3. Maximale Qualität verwenden, "nur um sicherzugehen"
JPEG-Qualität 100 bedeutet nicht "perfekt" - es bedeutet "die geringstmögliche Kompression verwenden". Die Datei ist riesig, und Qualität 95 sieht in jeder praktischen Hinsicht identisch aus, ist aber 50-70% kleiner. Über Qualität 92 hinaus bezahlen Sie für Pixel, die niemand sehen kann.
4. Nicht vor dem Komprimieren skalieren
Ein 6000×4000 Foto, das auf einer Website mit 800 px Breite angezeigt wird, ist 56× größer als nötig. Skalieren Sie ZUERST auf die Anzeigedimensionen, dann komprimieren Sie. Ein 800 px breites Foto bei Qualität 80 ist ~50 KB. Dasselbe Foto bei 6000 px und Qualität 80 ist ~2 MB. Gleiche Qualität, gleiches visuelles Ergebnis auf dem Bildschirm - 40× Größenunterschied.
5. Metadaten falsch entfernen
Kompressionstools entfernen oft EXIF/Metadaten. Das ist normalerweise gewünscht (Privatsphäre, kleinere Datei) - aber wenn Sie Urheberrechtsinformationen, Farbprofile oder Orientierungs-Tags benötigen, stellen Sie sicher, dass Ihr Tool sie erhält. ICC-Farbprofile sind für genaue Farbwiedergabe wichtig.
Kostenlose Bildkompressions-Tools
- Bild komprimieren - Laden Sie ein Bild hoch, wählen Sie Qualität, komprimieren Sie. Unterstützt JPEG, PNG, WebP-Ausgabe.
- Auf genaue Größe komprimieren - Zielen Sie auf eine bestimmte Dateigröße (z. B. "unter 500 KB") und das Tool passt die Qualität entsprechend an.
- Bild skalieren - Zuerst auf bestimmte Dimensionen skalieren, dann komprimieren. Die Doppelstrategie für Web-Bilder.
- Bildkonverter - Konvertieren zwischen PNG, JPEG, WebP, AVIF, BMP, TIFF. Ins richtige Format konvertieren, dann komprimieren.
- PNG zu WebP / JPG zu WebP - Direkte Konvertierung zu WebP mit Kompression.