Farb Management im Web

[Mini-Leopard]

Hallo liebe Community!

Ich habe folgendes Problem.
Auf einer Internetseite, die ich gemacht habe, werden die Bilder nicht im richtigen Farbraum angezeigt.
Ich habe schon viel gegooglet, bin allerdings nicht auf ein vernünftiges Ergebnis gekommen.

Kann mir jemand vielleicht einen Tipp geben, welches Farbprofil ich einbetten soll, oder wie ich das speichern soll.
Freue mich über jede Antwort.


Beste Grüße
…

[nggalai]

Moin Mini-Leo,

was konkret heißt „Nicht im richtigen Farbraum angezeigt“? Soll heißen – woran hast Du es gemerkt, dass dem so sein könnte? Und was ist das erwartete Ergebnis?

Dann: Welche Browser haben das Problem? Wie sind die Bilder eingebunden, i.e. als <img> oder mit einem Flash-Applet, oder Java, oder …?

So oder so ist es im Web üblich, Bilder mit dem sRGB-Profil hochzuladen oder gar zuerst nach sRGB zu konvertieren, dann mit Profil hoch mit. Bei Bildelementen, die z.B. mit einem Flash-Logo harmonieren müssen, wird auch heute noch oft das Bild „gestrippt“, i.e. ohne Profil hochgeladen. Das vor allem deswegen, weil bis auf Firefox kein Browser auch CSS⁄HTML-Farben verwalten kann und Flash gleich gar kein Farbmanagement unterstützt. Entsprechend kommt es zu Farbabweichungen.

[implied]

Farb"abweichungen" sind häufig ein sichtbares Problem. nggalai hat das imho absolut richtig gesagt.

sRGB deswegen, weil es der kleinste RGB-Farbraum ist und an den meisten Monitoren auch angezeigt werden kann.
Gehe jedoch davon aus, dass einfach jeder Monitor anders eingestellt ist und zudem wohl mehr als die Hälfte der in Betrieb befindlichen Monitore definitiv falsch eingestellt und schon mal gar nicht kalibriert sind.

Die Bilder also am Besten alle im gleichen Farbraum und im gleichen Format speichern und sich die Seite einfach mal an verschiedenen Rechnern mit versch. Browsern anschauen und einen "guten optischen Mittelwert" finden.

Good luck

[Mini-Leopard]

Hey! Dank euch beiden!

Das Problem zeigt sich so:
Wenn ich die Seite in Safari öffne, ist alles wunderbar. In FireFox hingegen, wird das Bild im Vergleich zum Hintergrund (welche gleichfarbig sein sollen) um Welten dunkler angezeigt.

Die Bilder (o. Grafiken) sind mit sRGB oben und (da pure HTML) via <img> eingebunden.
Anbei mal ein vergleichender ScreenShot.


Beim FireFox sind die dunklen Flächen, also der Hintergrund von "news", Bilder mit der Farbe #898989 und die hellen sind der HTML Content mit der Farbe #898989.
Beim Safari seht ihr das soll

[nggalai]

Hmm. Welche Firefox-Version benutzt Du zum Testen? Default sollte Firefox ab 3.5 eigentlich (fast) gleich wie Safari arbeiten, jedenfalls vom Ansatz her. Da ein anderes Farbmanagement-System verwendet wird, gibt’s minimale Unterschiede.

Probier mal als Test, das Bild ohne Profil hochzuladen, i.e. zu strippen. Das geht in so ziemlich jedem Bildprogramm oder über Imagemagicks „mogrify“ in der Kommandozeile.

Alternativer Versuch: Das Bild nach sRGB konvertieren, dann hochladen. Also nicht „nur“ ein sRGB-Profil zuweisen sondern umrechnen lassen.

[Mini-Leopard]

Habe ich alles schon hinter mir.
Ich hab jetzt einfach per Automator die Profile in "Farb-LCD" konvertiert.
Jetzt funktionierts. Leider weiß ich noch nicht, wies mit anderer Hardware aussieht.
Geile Idee, mit dem umrechnen. Werde ich nachher mal ausprobieren, melde mich dann noch mal.

Gruß und danke

[nggalai]

Farb-LCD ist das Standard-Bildschirmprofil Deines MacBooks oder iMacs. Das passt dann also genau bei den Leuten, die denselben Computer einsetzen und den Bildschirm nicht selbst profiliert haben.

Was kommt bei Dir bei Firefox, wenn Du das hier machst?

1) In der Adresszeile auf about:config gehen.

2) Da nach dem Schlüssel „gfx.color_management.mode“ suchen.

Bei FF >= 3.5 ist „2“ Standard und arbeitet ähnlich wie Safari. Mit „1“ wird auch CSS/HTML farbverwaltet, mit 0 ist das Farbmanagement deaktiviert.

Cheerio,
-Sascha

[Mini-Leopard]

Das mit dem Farbprofil ist mir schon klar. Deshalb ist das auch nicht wirklich sinnvoll.
FireFox ist auf den Standardwert konfiguriert.
Allerdings will ich ja auch nicht meinen Computer so konfigurieren, dass es bei mir stimmt. Das käme ja meiner etwas kurz gedachten Variante mit dem Farb-LCD gleich

Ich probiere jetzt mal Deine andere Idee, also das mit dem Umrechnen und nicht nur Konvertieren aus — berichten werde ich gleich.

[implied]

Problemsehe ich in: Mischen von Bildhintergrund mit html-farbdefinierten Hintergrund.

Diese Effekte auf unterschiedlich konfigurierter Hardware und unterschiedlicher Browser kannst Du aber ganz einfach umgehen, indem Du betreffende Bilder als transparente PNG einbindest und eben nicht komplett mit Hintergrund.

Sonst fällt mir kein adäquater Weg ein.

Cheerio

[Slashwalker]

Colormanagement kannst du im Web vergessen, zuviele Faktoren.
Nimm sRGB als Arbeitsfarbraum in Photoshop und dann natürlich "für Web Speichern".
Deine Abweichung in Firefox kommt daher, das Farben in CSS immer sRGB sind.
Du hast, das nehme ich jetzt einfach mal an, das Logo in Photoshop im ECI Farbraum angelegt. Safari nutzt das eingebettete Profil, Firefox nicht.