permalink

4

Warum sieht mein Bild online anders aus?

Verfälschte Farbdarstellung

Was ist mit meinem Bild passiert? So sollte mein Bild aber nicht aussehen…

Einige, die ihre Bilder digital bearbeiten und am Ende als JPG exportiert ins Web stellen, werden bestimmt schon einmal diesem Problem begegnet sein: Das Bild wird im Browser farblich anders dargestellt. Mit dieser kleinen Anleitung möchte ich euch eine Möglichkeit zeigen, wie man seine Bilder optimal für das Web speichert.

Auch ich hatte schon einmal dieses Problem mit meinen Bildern. Ich fotografiere ausschließlich in RAW und bearbeite diese Bilder in Photoshop. RAW bedeutet, dass die Bilder in ihrem Rohdatenformat und nicht komprimiert (wie zum Beispiel JPG) abgespeichert werden. RAW Fotografie hat den Vorteil, dass man am Ende noch viel aus seinen Fotos rauskitzeln kann, was bei JPG’s hingegen deutlich weniger klappt.

Nun zum eigentlich Problem:
Es werden bestimmte Motive fotografiert, später am PC bearbeitet, speichert es anschließend als JPG ab, lädt es ins Netz und merkt, dass die Farben komisch dargestellt werden. An dieser Stelle kann ich euch beruhigen. Ihr habt keinen Fehler gemacht.  Im Bild rechts seht ihr oben das verfälschte Bild und unten das eigentlich Originale.

Nicht optimiert für Web gespeichert
Nicht optimiert für Web gespeichert

Doch wie ist das möglich?
Es gibt zwei Möglichkeiten für das Problem.

  1. Egal ob man seine Bilder in RAW oder als JPG bearbeitet. Ihr öffnet zum Bearbeiten immer ein bestimmtes Farbprofil und einen bestimmten Farbraum. Die PSD hat die richtigen Farbprofile mit gespeichert, doch wenn man das Bild mit falschen Einstellungen speichert entstehen so die Verfälschungen der Farben, weil ein JPG nicht den kompletten Farbraum, sondern nur einen kleinen abdecken kann.
  2. Oder euer Browser oder euer Programm, mit dem ihr das Bild betrachtet, kann den gespeicherten Farbraum/ Farbprofil nicht richtig anzeigen.

So könnt ihr das Problem beheben:
Bei mir war das falsche Abspeichern das Problem. Um 100 Prozent sicher zu sein, dass euer Bild bei jedem richtig angezeigt wird, solltet ihr folgendes tun:

Optimiert für Web gespeichert
Optimiert für Web gespeichert

Wählt Datei > Für Web und Geräte speichern… (Bild 1) und wählt danach JPG (Bild 2) aus. Das Speichern sollte selbsterklärend sein. ;-)


Jedem sollte bewusst sein, dass JPG Qualitätsverlust bedeutet. Um diesen Verlust zu umgehen, kann man als Alternative das Bild als PNG24 speichern. PNG hat den Vorteil, dass das Bild kompressions- und verlustfrei gespeichert werden, sowie die Echtfarben und die Transparenz unterstützt werden, uvm. Der Nachteil dabei ist eine etwas größere Datei.

Abgespeichert als PNG 24
Abgespeichert als PNG 24

Diese Methode ist eine von vielen Möglichkeiten um die Bilder optimal für das Web zu speichern.
Eine Alternative wäre eine Veränderung der Farbeinstellungen. Geht dazu in Bearbeiten > Farbeinstellungen und wählt Europa Web und Internet.

Autor: Sebastian Engler

Ich interessiere mich für die Fashion- & Portraitfotografie und betrachte die Welt gerne aus einen anderen Winkel. Neben meiner fotografischen Leidenschaft studiere ich Informatik und fahre sehr gerne Motorrad.

4 Kommentare

  1. Hallo Stefan,
    ich hatte das Problem das ich Anfangs den Haken in “sRGB konvertieren” aus Versehen oder Unwissenheit rausgenommen habe und dann haben die Farben auch nicht mehr gepasst. Haken wieder rein und alles war in Ordnung.

    Mit JPG hatte ich bislang keine Probleme weshalb ich auch noch nicht die Notwendigkeit hatte das PNG format zu benutzen.

Hinterlasse eine Antwort

Pflichtfelder sind mit * markiert.

*