Bilder komprimieren: Welches Tool ist das beste?

Bilder komprimieren, auf ein möglichst geringes Dateivolumen, aber ohne sichtbaren Qualitätsverlust – das ist eine Herausforderung für jeden Webmaster, denn schnelle Ladezeiten sind die Voraussetzung für eine gute Usability und gute Rankings in Suchmaschinen. Neben Bildbearbeitungsprogrammen wie Fireworks oder Photoshop gibt es Spezialtools, die fast nichts anderes können als Bilddateien so zu schrumpfen, dass sie für das menschliche Auge unverändert vorliegen, aber trotzdem aufgrund des geringeren Dateivolumens schneller geladen werden können und zu besseren Pagespeed-Werten beitragen.

Diese Programme wiederum lassen sich wie folgt unterscheiden:

  • Online-Tools: wer nur wenige Bilder komprimieren möchte, kommt hier am schnellsten zum Ziel: ohne Registrierung, einfach Originalbild hochladen, kompimiertes Bild herunterladen, fertig!
  • Desktop-Tools: hier ist es erforderlich, das Programm auf den eigenen Computer herunterzuladen und dort zu installieren. Vorteil ist, dass es in der Regel die Möglichkeit einer Bulk-Verarbeitung gibt, d. h. mehrere Bilddateien können auf einen Rutsch verkleinert werden.
  • WordPress Plugins: die Installation erfolgt über das WordPress Repository. Der Vorteil ist, dass der Workflow in WordPress integriert ist.

Mich interessierte, welches Tool zur Bildkomprimimierung ist das beste? Genauer: welches liefert mehr oder weniger verlustfrei komprimierte Bilddateien mit geringem Dateivolumen, die dann schnelle Ladezeiten und Pagespeed Richtung 100 ermöglichen?

Wie habe ich die Bildkomprimierungstools getestet?

Ich habe drei Urlaubsbilder (Originalgröße 4608 x 3456 Pixel, jpg-Format), die ich mit meiner Kamera Pentax X-5 geschossen habe, auf eine Breite von 500px verkleinert. Zum Bilder komprimieren habe ich anschließend neben dem Adobe Bildbearbeitungsprogramm Fireworks diverse Online- und Desktop-Tools als auch WordPress-Plugins verwendet.

Verwendet wurde jeweils die Standardeinstellung der kostenlos erhältlichen Variante des Tools. Mit einem Klick auf eines der Bilder, kommt man jeweils auf eine eigene Seite, die für die anschließenden Tests von Pagespeed und Ladezeiten verwendet wurde. Hierbei habe ich – um Verzerrungen zu vermeiden – auf die sonst üblichen Maßnahmen der Optimierung von Ladezeiten (Gzip, Caching, …) verzichtet. Das bedeutet aber auch, dass sich die Werte zu einem späteren Zeitpunkt sehr wahrscheinlich nicht mehr reproduzieren lassen, wenn ich zu einem späteren Zeitpunkt einmal solche Techniken einsetze.

Bildkomprimierungstools in der Übersicht

Komprimierungs­tool Link Screenshot Anmerkung
Originalbilder (500px)
Originalbilder (500px) 80%, hier komprimiert mit Fireworks CS4 aktuelle Version: Fireworks CS6
Fireworks - Software für Bildbearbeitung
Von Adobe Systems IncorporatedAdobe Fireworks, Gemeinfrei, Link
Software für Bildbearbeitung
Riot hier bei CHIP Bestes Bildkomrimierungstool Desktop-Tool; Einstellung „Progressive Images“ möglich
jpegmini.com http://www.jpegmini.com/ Bildkomprimierung mit jpegmini Desktop- / Online-Tool
jpegoptimise.com Zielseite ist nicht mehr verfügbar Online-Tool
compressjpg.com http://compressjpeg.com/ Compress.jpg im Test Online-Tool
wp-smush https://de.wordpress.org/plugins/wp-smushit/ WP-Smush: WordPress-Plugin zum Bild verkleinern WordPress-Plugin
EWWW Image Optimizer https://de.wordpress.org/plugins/ewww-image-optimizer/  WP-Plugin EWWW Image Optimizer  Wordpress-Plugin
jpeg.io https://www.jpeg.io/  Jpeg.io online kostenlos bildateien verkleinern Online-Tool
kraken.io https://kraken.io/ kraken.io: Online-Tool und WP-Plugin zum Bilder verkleinern Desktop-Tool, aber auch als WordPress-Plugin: https://de.wordpress.org/plugins/kraken-image-optimizer/
Art der Komprimierung Bild 1 Bild 2 Bild 3
Original­bilder bild-1 bild-2 bild-3
Originalbilder 80% bild-1a bild-2a bild-3a
riot bild-1b bild-2b bild-3b
jpegmini.com bild-1c bild-2c bild-3c
compressjpg.com bild-1e bild-2e bild-3e
wp-smush bild-1g bild-2f bild-3f
EWWW Image Optimizer bild-1g bild-2g bild-3g
jpeg.io bild-1h bild-2h bild-3h
kraken.io bild-1i bild-2i bild-3i

Ergebnisse Dateikomprimierung der Bilddateien im Vergleich

Art der Komprimierung Bild 1 Bild 2 Bild 3
Originalbilder (500px) 132.063 154.761 137.907
Originalbilder (500px) 80% 84.358 72.052 61.529
Riot 33.435 43.748 35.332
jpegmini.com 104.127 127.679 55.339
jpegoptimise.com 132.063 93.122 78.159
compressjpg.com 46.669 60.643 50.358
wp-smush 67.506 87.489 73.923
EWWW Image Optimizer 67.506 87.489 73.923
jpeg.io 60.571 82.223 69.500
kraken.io 67.281 87.000 73.292

Ergebnisse Pagespeed (Mobile / Desktop)

gemessen mit https://developers.google.com/speed/pagespeed/insights/; da die Unterschiede zwischen den Bildern marginal waren, wurde hier auf eine differenzierte Darstellung verzichtet.

Art der Komprimierung Bild 1 Bild 2 Bild 3
Originalbilder
72 / 84
Originalbilder (500px) 80%
75 / 87
Riot
75 / 89
jpegmini.com
72 / 84
jpegoptimise.com
72 / 84
compressjpg.com
75 / 89
wp-smush
75 / 88
EWWW Image Optimizer
75 / 89
jpeg.io
75 / 89
kraken.io
75 / 89

Pagespeed Insights ist offensichtlich ab einer gewissen Komprimierung „zufrieden“ und honoriert eine weitere Reduzierung des Dateivolumens nicht. Dennoch kann diese sinnvoll sein, denn je geringer das Dateivolumen, umso schneller lädt die Website und umso besser ist die Usability.

Ergebnisse Ladezeit in ms (Bild / gesamte Seite)

gemessen mit https://www.webpagetest.org/; Einstellung: Frankfurt, DE – Chrome – Cable

Art der Komprimierung Bild 1 Bild 2 Bild 3
Originalbilder (500px) 269 / 1.660 303 / 1.580 263 / 1.653
Originalbilder (500px) 80% 184 / 1.583 173 / 1.630 149 / 1.639
Riot 99 / 1.541 119 / 1.607 101 / 1.620
jpegmini.com 211 / 3.951 262 / 1.635 126 / 1.609
jpegoptimise.com 259 / 1.620 199 / 1.566 199 / 1.620
compressjpg.com 124 / 2.731 157 / 1.903 139 / 1.561
wp-smush 157 / 1.771 191 / 1.629 175 / 1.551
ewww 171 / 1.671 191 / 1.629 175 / 1.551
jpeg.io 154 / 1.674 193 / 1.692 158 / 1.602
kraken.io 142 /2.601 190 / 1.606 155 / 1.861

Fazit

Die Testreihe zeigt nicht ganz widerspruchsfreie Ergebnisse. Nicht in jedem Fall bewirkt ein geringeres Dateivolumen gleich schnellere Ladezeiten und mehr Pagespeed. Das liegt wahrscheinlich daran, dass die Serverausnutzung variieren kann. Dennoch hat RIOT, das Radical Image Optimization Tool – seinem Namen alle Ehre gemacht und für alle Bilddateien die beste Komprimierung und die schnellsten Ladezeiten geliefert. Generell wäre noch zu überprüfen, ob die komprimierten Bilder am Ende brauchbar oder doch zu stark verpixelt sind. Interessant wäre es ebenfalls, die Tests unter veränderten Rahmenbedingungen (Bilder komprimieren mit kostenpflichtigen Tools, Verwendung von Progressive Images, Löschung von EXIF-Daten) fortzuführen. Auch mit dem neuen Bildformat webp, auch „weppy“, lassen sich scharfe Bilder mit wenigen KB darstellen. Allerdings wird dieses noch nicht von allen Browsern unterstützt.

Anfrage Optimierung Ladezeiten
Ich freue mich über Kommentare zum Thema „Bilder komprimieren“ mit Meinungen zu den Tools.

0 Kommentare

Dein Kommentar

Want to join the discussion?
Feel free to contribute!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.