Bildkomprimierung

Die Bildkomprimierung reduziert die Dateigröße, ohne die visuelle Qualität merklich zu beeinträchtigen. Da Bilder oft den größten Teil des Seitengewichts ausmachen, ist eine effektive Komprimierung eine der schnellsten Methoden, um die Seitengeschwindigkeit zu verbessern.

Warum Bildkomprimierung wichtig ist

Große Bilder verlangsamen:

• Die Seitenladezeit
• Die mobile Performance
• Den Largest Contentful Paint (LCP)

Branchenbeobachtung: Auf vielen Content- und E-Commerce-Websites machen Bilder 50–70 % der gesamten Seitengröße aus.

Beispiel:

Ein Online-Katalog hat seine Produktbilder komprimiert und auf WebP umgestellt. Die durchschnittliche Seitengröße sank um über 60 % und die mobile Ladezeit verbesserte sich von 4,1s auf 2,3s.

Best Practices für die Komprimierung

• Verwenden Sie moderne Formate (WebP oder AVIF)
• Passen Sie Bilder an die tatsächlichen Anzeigeabmessungen an
• Nutzen Sie verlustfreie oder kontrollierte verlustbehaftete Komprimierung
• Vermeiden Sie die Auslieferung von Bildern in Originalgröße, die per CSS herunterskaliert werden

Die Komprimierung sollte bereits vor dem Hochladen erfolgen, nicht erst bei der Auslieferung.

Häufige Bildfehler

• Hochladen von unbearbeiteten Kamerabildern
• Verwendung von PNG für fotografische Inhalte
• Verlassen auf die automatische Größenanpassung des CMS