Farbprofile im Firefox 3.5 oder was Webdesigner künftig beachten sollten

Momentanarbeite ich an neuen Designs für die Webseiten der Firma 'Präsenz und Effizienzin Printmedien (PEP)'. Der Header (Designkopf) dieser Layouts besteht aus einerGrafik, welche fliessend in eine identische Hintergrundfarbe übergehen soll.Die Hintergrundfarbe ist als üblicher hexadezimaler RGB Farbwert als CSS-Styledefiniert.

So weit,so gut. Bei den ersten zwei Layouts hat dies auch wunderbar funktioniert. Beimdritten Layout war dann jedoch zwischen der Hintergrundfarbe und der Grafik einziemlich deutlicher Unterschied in der Farbe ersichtlich. Obwohl für denHintergrund exakt die gleiche Farbe wie in der Grafik definiert wurde.Interessanterweise ist dieses Verhalten allerdings nur in den Browsern'Firefox' und 'Safari' aufgetreten. Die Browser 'InternetExplorer', 'GoogleChrome' sowie 'Opera' haben keinen Farbunterschied angezeigt.

Im erstenMoment dachte ich, es könne damit zu tun haben, dass die Farben nichtwebsicheren Farben entsprechen. Websichere Farben sind Farben, welche nichtdurch Dithering (weitere Informationen siehe unten) angenähert werden müssen.Websichere Farben waren aber vor allem in der Anfangszeit der Browser wichtig.Für heutige Grafikkarten und Monitore, welche eine höhere Farbtiefe als 24Bitdarstellen können, sind die websicheren Farben eigentlich bedeutungslosgeworden.

WeitereInformationen zu Dithering:

http://de.wikipedia.org/wiki/Dithering_(Bildbearbeitung)

Weitereinteressante Artikel zu websicheren Farben:

http://de.wikipedia.org/wiki/Webfarbe
http://www.web-toolbox.net/webtoolbox/farben/websichere-farben.htm

Nachdem die websicheren Farben als Problemverursacher nicht in Frage gekommensind, war ich erstmals ziemlich ratlos. Über verschiedene Artikel aus dem Webbin ich dann darauf aufmerksam geworden, dass der Firefox-Browser neuFarbprofile unterstützt. Das heisst, falls eine Grafik ein bestimmtesICC-Farbprofil (International Color Consortium) abgespeichert hat, dann wirddies bei der Anzeige durch den Browser entsprechend berücksichtigt und dadurchwerden eventuell die Farben entsprechend anders angezeigt.

MeineHeadergrafik war genau basierend auf einer Fotografie, welche ein solchesFarbprofil hinterlegt hat. Beim Speichern oder Exportieren einer Grafik ist esalso enorm wichtig, dass dieses Farbprofil nicht mit gespeichert wird, fallswie in meinem Beispiel Grafik und Hintergrundfarben identisch sein müssen. Dieskann im Photoshop erreicht werden, indem das Profil nach 'sRGB' konvertiertwird. Danach ist auch im Firefox kein Farbunterschied mehr sichtbar.

Im Firefoxwerden Farbprofile seit der Version 3 unterstützt. Dort musste dieses Featureallerdings manuell eingeschaltet werden. Ab Version 3.5 sind die Farbprofilejedoch ab Standard aktiviert.

DerSafari-Browser war der erste Browser, welcher dieses Feature unterstützt hat.Ob Ihr Browser die Farbprofile aktiviert hat oder unterstützt, kann auffolgender Seite getestet werden:

http://www.color.org/version4html.xalter

WeitereInfos zur der Unterstützung von Farbprofilen im Firefox ist in folgendemArtikel zu finden:

http://ejohn.org/blog/color-profiles/#postcomment

Zu guterLetzt der englische Artikel, welcher mich auf die Lösung des Problems brachte.Interessant sind auch einige der Kommentare im Artikel:

http://css-tricks.com/color-rendering-difference-firefox-vs-safari

Ihr Jonas Knaus
Präsenz und Effizienz in Printmedien
knaus@praesenz-effizienz.ch