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.
Doch wie ist das möglich?
Es gibt zwei Möglichkeiten für das Problem.
- 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.
- 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:
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.
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.





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.
Hi Peter,

danke für deinen Kommentar. Da sieht man, dass es viele Arten geben kann, damit das Bild falsch gespeichert wird. Dieses Problem hatte ich zum Beispiel bei mir nicht.
naja aber wenn man aufs bild klickt isses wieder in ordnung… mysteriös!
Ja, das liegt aber dann wieder am ausgeführten Java Script, das eventuell die Farbräume wieder richtig darstellen kann.