Eine Webseite ohne Grafiken ist in den meisten Fällen dröge und langweilig. Deshalb gibt es nur noch wenige Seiten, die keine Bilder verwenden. Die meisten Grafiken haben allerdings eine recht hohe Dateigröße und bremsen dadurch den Seitenaufbau. Hier stelle ich euch ein kleines Freeware-Tool vor, mit dem ihr die Dateigröße eurer Grafiken verkleinern könnt und damit den Seitenaufbau eurer Website beschleunigt.

OptiPNG verkleinert PNG-Grafiken und andere Rastergrafikformate (z. B. gif und bmp). Allerdings gibt es, im Gegensatz zu den meisten anderen Grafikkompressionsprogrammen, keine Qualitätseinbußen. Es gehen nämlich keine Bildinformationen verloren. OptiPNG schafft dies u.a. durch eine Optimierung der Kompression, der Farbpalette und der Bittiefe.

Dass keine Unterschiede festzustellen sind, könnt ihr an der Headergrafik meiner Rätsel-Website sehen, die ich mit OptiPNG bearbeitet und damit um ca. 10 % verkleinert habe.

Original-Grafik

Mit optiPNG verkleinerte Grafik

Normalerweise wird OptiPNG nur über die Konsole bedient, es gibt allerdings auch ein Tool namens OptiPNG-UI, das eine Benutzeroberfläche dafür bereitstellt. Wer damit arbeiten will und nicht des Italienischen mächtig ist, sollte zuerst die Sprache auf Englisch umstellen. Dazu klickt man rechts oben auf den blauen Pfeil und wählt dann in der folgenden Ansicht die britische Flagge aus.

Getestet habe ich OptiPNG-UI mit einem Verzeichnis, das etwa 100 Gif-Grafiken enthielt, die ich in PNG-Grafiken umwandelte. Die Optimierung dieser Grafiken mit der Optimierungsstufe 9 dauerte etwa 10 Minuten und reduzierte die Dateigröße um durchschnittlich 10 %. Allerdings wurden nicht alle Grafiken konvertiert. 10 Grafiken wurden ohne Angabe von Gründen nicht umgewandelt. Auch die aktivierte Report-Funktion lieferte dafür keine Erklärung.

Auch wenn es auf einer Webseite keine Bilder gibt, kann sich der Einsatz von OptiPNG lohnen. Wer seine Headergrafik nämlich damit bearbeitet, hat den Vorteil, dass sich diese Verkleinerung auf allen Seiten seiner Website bemerkbar macht.

OptiPNG ist übrigens auch in Page Speed integriert. Wer dieses Firefox-Addon installiert hat und nur bei einzelnen Grafiken die Dateigröße verkleinern will, kann sich die zusätzliche Installation des Original-Tools sparen.

Artikelreihe Webseiten beschleunigen:

Teil 2: Expires-Header verwenden

Teil 3: Parallele Downloads

Teil 4: Die gzip-Compression