Fotos perfekt web-optimieren | Teil 2: Bild um 86% reduziert

Für den zweiten Teil der Serie über die Optimierung von Bilddaten haben wir ein typisches Produktfoto gewählt. Es ist ein Pressebild welches in einem prominenten deutschen Foto Blog publiziert wurde.

Die Originaldatei wie sie zu sehen war hat 191 kB. Das ist auch für eine mittlere Größe  (900px breit) um mindestens 100 kB zu viel, insbesonders als daß es auch auf der Titelseite eines von mehreren Fotos war.

Publizierte 191 kB vs. optimierte 37 kB

Nach nur 4 Optimierungsschritten ist das Bild mit 900px Breite trotz deutlich höherer Schärfe und scheinbar mehr Details dem falsch gesicherten im Netz haushoch überlegen: statt 191 kB werden nur noch 37 kB zum Surfer übertragen.

A/B Vergleich

Schieben Sie den Regler nach rechts und vergleichen Sie selbst.

 

Ein Gewinn von 154 kB pro Bild auf einer Website und pro Besucher bei durchschnittlichen Seitenaufrufen und Bildern pro Seite ergibt sich ein Einsparungspotential in Summe von 2,5 MB. Bei Homepages von Fotografen und Portfolioseiten ist es ein vielfaches und es können dabei auch 50 MB oder mehr zustande kommen.

Ein unnötiges Datenvolumen welches Kunden im Netz zum Warten verdammt. Liegt die Website bei bei einem billigen Provider (shared server) und es entsteht mehr Traffic können sich die Wartezeiten des Surfers auf weit über 10 Sekunden bei jedem Klick verlängern.

 

Vernünftiger Kompromiss mit Reduktion auf 27 kB

Nach 3 Optimierungsschritten ist das Motiv in Schärfe und Kontrast, sowie in den Details dem falsch gesichertem Bild nahezu ident und hat bei gleicher Dimension nur noch 27 kB.

Vergleichen Sie selbst – verschieben Sie mit der Maus den Regler.


Kleine Abstriche – großer Gewinn: 900 px breites Foto mit 191 kB im Vergleich zu weboptimierten 27 kB

 

1. Schritt: die Bildbearbeitung

Bitte anmelden

Gratis als Fotograf mit Facebook oder Formular anmelden und weiterlesen

 

LogIn

 

ODER

MerkenMerken

 

 

MerkenMerken

MerkenMerken

MerkenMerken

MerkenMerken

MerkenMerken

MerkenMerkenMerkenMerken

MerkenMerken

MerkenMerken

MerkenMerken

MerkenMerken

MerkenMerken

MerkenMerkenMerkenMerken

MerkenMerken

MerkenMerkenMerkenMerken

MerkenMerken


Eine Antwort hinterlassen

Dieser Beitrag wurde zuletzt aktualisiert von Paul Wilke am 25. August 2017.

Dieser Artikel wurde seit Veröffentlichung nicht geändert.

Dieser Beitrag wurde erstellt von Paul Wilke am 25. August 2017.