Bildkomprimierung ist eine der wirkungsvollsten Performance-Optimierungen für Website-Betreiber und App-Entwickler. Eine Seite, die in 1 Sekunde lädt, konvertiert deutlich besser als eine Seite, die 4 Sekunden benötigt. Übergroße Bilder sind die häufigste Ursache für langsame Seiten. Googles Core Web Vitals Score, der Suchrankings direkt beeinflusst, misst den Largest Contentful Paint (LCP). Ein großes, unkomprimiertes Hero-Bild scheitert an dieser Metrik fast immer.
Verlustbehaftete vs. Verlustfreie Komprimierung: Was ist der Unterschied?
Alle Bildkomprimierung teilt sich in zwei Kategorien auf. Verlustfreie Komprimierung reduziert die Dateigröße, ohne Pixeldaten zu entfernen. Verlustbehaftete Komprimierung entfernt dauerhaft einige Bilddaten, um viel höhere Komprimierungsraten zu erzielen. JPG und WebP im verlustbehafteten Modus können die Dateigröße um 60–80 % reduzieren und bleiben bei Qualitätseinstellungen von 75–85 % visuell vom Original kaum unterscheidbar.
Welche Qualitätseinstellung verwenden?
- 85–95 %: Nahezu verlustfrei, minimale Größenreduzierung – für Druck oder Archivierung
- 75–85 %: Optimal für die meisten Web-Bilder – hervorragendes Qualitäts-Größen-Verhältnis
- 60–75 %: Akzeptabel für Thumbnails und nicht vorrangige Bilder
- Unter 60 %: Sichtbare Artefakte – für Produkt- oder Portfolio-Fotos vermeiden
Praktischer Workflow für Web-Bilder
- Beginnen Sie mit der originalen Hochauflösungsdatei – komprimieren Sie niemals ein bereits komprimiertes Bild
- Skalieren Sie auf die maximale Anzeiggröße vor dem Komprimieren
- Wählen Sie das Ausgabeformat: WebP für modernes Web, JPG für Fotos ohne Transparenz, PNG für Bilder mit Transparenz
- Stellen Sie die Qualität auf 80 % ein und sehen Sie sich das Ergebnis in der Vorschau an
- Streben Sie unter 200 KB für Bilder above the fold an, unter 500 KB für große Hero-Bilder