In letzter Zeit ist mir aufgefallen, dass einige Web-Designer Farbprofile in Photoshop nicht richtig zu verwenden scheinen. Wenn Sie schon einmal Bilder für das Web gespeichert und festgestellt haben, dass sie etwas heller und entsättigter sind als das, was Sie bei der Bearbeitung gesehen haben, dann ist dieser Leitfaden genau das Richtige für Sie.

Es gibt einige Blogbeiträge, in denen empfohlen wird, Farbprofile in Webbildern zu deaktivieren, um dieses Problem zu „beheben“. Das ist nicht der richtige Weg, denn moderne Browser wie Firefox 3 und Safari verwenden Farbprofile, so dass Sie viel bessere Ergebnisse erzielen können, wenn Sie sie richtig einsetzen. Außerdem sind Farbprofile ganz einfach zu verwenden. So geht’s…

Hinweis: Die folgenden Anweisungen beziehen sich auf Photoshop CS3 unter OS X, sind aber für Windows gleich und für ältere Photoshop-Versionen ähnlich.

Zunächst müssen wir wissen, welches Profil wir für Ihre Web-Bilder verwenden sollen – das ist das sRGB-Profil IEC61966-2.1. Es ist bei vielen PC-Monitoren Standard und wird daher für die Verwendung im Web empfohlen. Um Ihren Arbeitsbereich auf dieses Profil einzustellen, öffnen Sie das Menü „Bearbeiten“ und klicken Sie auf „Farbeinstellungen…“

Sie erhalten folgende Optionen:

Schauen Sie sich den Abschnitt „Arbeitsbereiche“ an und wählen Sie das Profil sRGB IEC61966-2.1 aus der RGB-Dropdown-Liste. Die anderen Einstellungen sind hier nicht relevant, da wir nur mit RGB für Web-Bilder arbeiten werden.

Jetzt haben Sie den Arbeitsraum richtig eingestellt, aber wir sind noch nicht fertig. Was Sie jetzt sehen, ist nicht das, was Sie sehen werden, wenn Sie das Bild für das Web speichern, denn das, was Sie sehen, wird nicht von Ihren Monitoreinstellungen beeinflusst. Um die „echten“ Farben zu sehen, müssen wir ein Farbproofing durchführen.

Klicken Sie auf das Menü „Ansicht“ und dann auf „Proof-Einstellungen“. Sie sollten eine weitere Auswahl sehen. Wir wollen das Bild so sehen, wie es auf unserem Monitor erscheinen wird, also wählen Sie unten „Monitor RGB“.

Schließlich müssen wir das Farbproofing aktivieren, da es standardmäßig ausgeschaltet ist. Klicken Sie erneut auf das Menü „Ansicht“ und klicken Sie auf „Farben prüfen“, falls noch kein Häkchen daneben ist.

Wenn Sie darauf klicken, wird ein Häkchen gesetzt, das anzeigt, dass die Farben jetzt anhand Ihrer Monitoreinstellungen geprüft werden. Das war’s. Was Sie jetzt auf Ihrem Bildschirm sehen, entspricht ziemlich genau dem, was Sie erhalten, wenn Sie das Bild speichern.

Die Farben werden auf vielen Geräten und Betriebssystemen immer noch etwas anders dargestellt (z. B. weicht das Standard-Gamma von OS X vom Standard-Gamma von Windows-PCs ab, so dass die Bilder etwas heller sind – wenn Sie auf einem Mac arbeiten, sollten Sie Ihre Gamma-Stufe auf 2,2 einstellen), aber die Ausgabe wird immer noch mit Ihrem Arbeitsbereich übereinstimmen und für moderne Browser geeignet sein, die eingebettete Farbprofile verwenden.