41 Bilder, 130 MB

Digitalkameras und moderne Smartphones liefern heute Bilder mit einer beeindruckenden Auflösung. Das ist für hochwertige Ausdrucke oder die spätere Bildbearbeitung durchaus sinnvoll. Auf einer Website werden diese großen Bilddateien jedoch häufig gar nicht benötigt.

Ein Foto mit mehreren Tausend Pixeln Breite bringt wenig zusätzlichen Nutzen, wenn es später lediglich in einer Bildergalerie mit deutlich geringeren Abmessungen angezeigt wird.

Hinzu kommt, dass Bilder häufig mit einer sehr hohen Qualität gespeichert werden. Was bei einem einzelnen Foto kaum auffällt, summiert sich bei einer größeren Bildergalerie schnell zu einer erheblichen Datenmenge.

Bei unseren 41 Bildern kamen so insgesamt rund 130 MB zusammen. Für die Darstellung auf einer Website war das deutlich mehr als notwendig.

Um die Dateigrößen zu reduzieren, haben wir die Bilder nicht einfach nur stärker komprimiert. Zunächst ging es darum, die Bilddateien an ihre tatsächliche Verwendung auf der Website anzupassen.

Der erste Schritt war die Reduzierung der Bildabmessungen. Viele der gelieferten Fotos hatten eine deutlich höhere Auflösung, als für die spätere Darstellung notwendig war. Deshalb wurden die Bilder auf eine für die Website geeignete Größe verkleinert. Allein dadurch lässt sich häufig bereits ein erheblicher Teil der Datenmenge einsparen.

Anschließend ging es an die Komprimierung der Bilddateien. Dabei werden die Bilder so gespeichert, dass sie weniger Speicherplatz benötigen. Je nach Ausgangsmaterial kann außerdem die Verwendung eines effizienteren Dateiformats wie WebP sinnvoll sein. Entscheidend ist, dass feine Strukturen und wichtige Bilddetails möglichst erhalten bleiben.

Dabei mussten wir natürlich darauf achten, es mit der Optimierung nicht zu übertreiben. Schließlich bringt die kleinste Datei wenig, wenn das Foto anschließend unscharf wirkt oder sichtbare Bildfehler entstehen.

Der eigentliche Unterschied entstand durch das Zusammenspiel aus angepasster Auflösung und effizienter Komprimierung. So konnten wir die Datenmenge erheblich reduzieren, ohne dass die Bilder bei ihrer vorgesehenen Darstellung auf der Website sichtbar an Qualität verloren.

Die Optimierung hat sich gelohnt: Aus den ursprünglich rund 130 MB wurden lediglich etwa 5,5 MB. Die Datenmenge konnte somit um rund 96 Prozent reduziert werden.

Das bedeutet natürlich nicht automatisch, dass die gesamte Website anschließend um 96 Prozent schneller lädt. Die tatsächliche Ladezeit hängt von weiteren Faktoren ab, beispielsweise davon, wie viele Bilder gleichzeitig geladen werden, wie die Website aufgebaut ist und welche Internetverbindung die Besucher nutzen.

Trotzdem macht der Unterschied deutlich, welches Potenzial bereits in der Aufbereitung von Bildmaterial steckt.

Besonders bei regelmäßig veröffentlichten Unternehmensnews, umfangreichen Bildergalerien oder bildlastigen Websites kann eine solche Optimierung viel bewirken. Und ganz nebenbei wird auch weniger Speicherplatz auf dem Webserver benötigt.

Gute Bilder müssen keine großen Dateien sein

Dieses Beispiel zeigt, dass es bei der Website-Betreuung nicht immer um umfangreiche Programmierarbeiten oder neue Funktionen geht. Manchmal sind es ganz alltägliche Aufgaben, bei denen sich mit überschaubarem Aufwand eine deutliche Verbesserung erreichen lässt.

Für uns gehört die Bildoptimierung deshalb zur sorgfältigen Pflege und Weiterentwicklung einer Website. Denn auch die schönsten Fotos erfüllen ihren Zweck nur eingeschränkt, wenn Besucher unnötig lange darauf warten müssen.