Wie kann ich mit Browsern auf Displays mit großem Farbumfang eine ordnungsgemäße Farbwiedergabe sicherstellen?

13

Bei der Bearbeitung für das Web wird jeder die Verwendung von sRGB empfehlen, da viele Browser kein Farbmanagement anbieten und die meisten Browser alle Bilder sowieso als sRGB interpretieren.

Dies gilt auch für Browser, die auf normalen Gamut-Displays verwendet werden und selbst in sRGB leben.

Geben Sie nun Wide-Gamut-Displays ein. Diese befinden sich im AdobeRGB-Farbraum, und zu meiner Enttäuschung interpretieren Browser ohne Farbmanagement Bilddaten auch im AdobeRGB-Farbraum. Was passiert, wenn sRGB-Bilddaten als AdobeRGB interpretiert werden? Die Farben sind aus, zu stark, es sieht knallig aus.

Das Problem besteht auch dann, wenn Sie einen Browser mit Farbmanagement wie FireFox verwenden, jedoch Bilder ohne eingebettetes Profil anzeigen: Die Bilder werden als AdobeRGB anstelle von sRGB interpretiert.

Fazit: Seitdem ich mein Wide-Gamut-Display habe, sieht flickr schrecklich aus.

Irgendwelche Ideen, wie ich meine Browser (Internet Explorer und FireFox) dazu bringe, sRGB anstelle von AdobeRGB für die Farbwiedergabe als Standard zu verwenden?

Ich benutze Windows 7.

Lustige Sache, wenn ich die Bilder auf das lokale Laufwerk herunterlade und einen Datei-Viewer verwende, um sie anzuzeigen, wird die Farbe korrekt als sRGB interpretiert.

Sam
quelle
Ich würde vermuten, dass Flickr das Farbprofil möglicherweise nicht einbezieht, wenn es auch kleinere Größen generiert.
Rowland Shaw
Die Dateien mit Profilen sind nicht mein Hauptproblem. Mein Hauptproblem sind die Bilder, die kein Profil enthalten.
Sam
@Rowland Flickr hat das Farbprofil in der Größe verändert Bilder erhalten.
Mark Whitaker
Diese "lustige Sache", die Sie in Ihrem letzten Satz erwähnen, liegt nur daran, dass der Bildbetrachter die unprofilierten Bilder wie sRGB behandelt und Firefox nicht. Siehe meine Antwort, wie man Firefox dazu bringt, es auch zu tun.
Mark Whitaker

Antworten:

-4

Leider gibt es nichts, was Sie tun können, was praktisch ist. Um das zu bekommen, was Sie wollen, müssen Sie Ihr Systemprofil auf sRGB einstellen.

Das Verhalten der Bildfarbwiedergabe für Bilder ohne angehängte Profile ist undefiniert. Browser raten nicht, in welchem ​​Farbraum sich ein Bild befindet, wenn kein Profil angehängt ist. Das Betriebssystem übernimmt das.

Um eine korrekte Farbwiedergabe zu erzielen, müssen Sie dem Bild ein Profil hinzufügen. Offensichtlich gibt Ihnen Flickr (und selbstgefällige Thumbnails) diese Option nicht.

Sie haben also zwei Möglichkeiten: Zum einen stellen Sie Windows so ein, dass sRGB als Monitorprofil verwendet wird. dann sehen alle nicht mit Tags versehenen Bilder wie sRGB aus, aber mit Tags versehene Bilder sehen wie Mist aus, und Ihr Farbmanagement ist verrückt.

Oder beschäftigen Sie sich einfach mit der Tatsache, dass nicht verwaltete Bilder der Teufel sind und Sie nichts dagegen tun können.

Möglicherweise gibt es ein Firefox-Plugin, mit dem ein Farbprofil automatisch angehängt werden kann. Abgesehen davon handelt es sich jedoch nur um ein einfaches altes Problem, das als Farbmanagement bezeichnet wird.

Ich musste mich mit Smugmug mit demselben Problem auseinandersetzen. Meine Bilder sind alle mit sRGB-Profilen versehen, sodass sie gut aussehen (in Browsern mit Farbverwaltung), aber Miniaturansichten wirken übersättigt. Dies liegt daran, dass die Thumbnails automatisch generiert werden und smugmug sich weigert, ein Farbprofil an sie anzuhängen, da dies die Größe der Thumbnails verdoppelt. Die Thumbnails werden also auf die vom Betriebssystem festgelegte Weise gerendert.

Alan
quelle
Eigentlich habe ich festgestellt, dass mein Display (Eizo CG303w) einen Modusschalter bietet, mit dem zwischen AdobeRGB und sRGB umgeschaltet werden kann, was beim Browsen sehr praktisch ist.
Sam
"Um zu bekommen, was Sie wollen, müssen Sie Ihr Systemprofil auf sRGB einstellen." - Das ist völlig falsch. Sie sollten Ihr Systemprofil niemals auf sRGB einstellen. Sie sollten Ihren Monitor mit einem Kalibrierungsgerät profilieren.
Mark Whitaker
1
Sorry, -1, da fast alles in dieser Antwort falsch ist! Sie dürfen Ihr Anzeigeprofil nicht auf sRGB einstellen, Sie können ein Profil an ein Bild auf Flickr anhängen, Firefox kann Bilder ohne Tags als sRGB rendern und die richtige Methode zum Abrufen der Farbwiedergabe besteht nicht (nur) darin, Ihr Bild mit einem Tag zu versehen Profilieren Sie Ihren Monitor! Kurz gesagt, es gibt etwas , was Sie dagegen tun können!
Mark Whitaker
1
Sorry, der erste Teil "Setzen Sie Ihren Monitor auf RGB" war ein schlechter Rat. "Bilder sehen aus wie sRGB, aber andere Bilder sehen aus wie Mist." Ich hätte es als solches kennzeichnen sollen, aber ich dachte, es sei impliziert, dass es ein schlechter Rat war. Außerdem wird in der Einstellung in Firefox nicht angegeben, als welches Profil das Bild markiert wird. Die dritte Korrektur für die Farbkalibrierung und das Einstellen Ihres Firefox-Browsers funktioniert gut für Sie. Versuchen Sie jedoch, alle, die Ihre Galerie besuchen, dazu zu bringen, dasselbe zu tun. Das ist das eigentliche Problem bei nicht verwalteten Bildern.
Alan
17

Ich hatte genau das gleiche Problem und es ist möglich, eine korrekte und praktikable Lösung zu finden . Es gibt viele Missverständnisse sowohl in der Frage als auch in den vorherigen Antworten (und in der Tat in Bezug auf das Farbmanagement im Allgemeinen). Lassen Sie mich versuchen, sie aufzuklären und Ihnen eine Antwort zu geben.

Erstens, die Missverständnisse ...

  1. Normale (nicht breite) Monitore "leben nicht in sRGB" und Breitbildanzeigen "leben nicht in AdobeRGB". sRGB und AdobeRGB (zusammen mit ProPhoto RGB) werden als Arbeitsprofile bezeichnet : Sie stimmen nicht mit Geräten aus der realen Welt überein, sondern bieten lediglich eine Reihe von Standardmessungen, die alle Geräte so programmieren können, dass sie verstanden werden. Jeder Monitor (und jeder Drucker) hat ein eigenes Profil, und dieses Profil kann sich im Laufe der Zeit ändern, wenn die Chemikalien im Display altern. Das Profil einer einzelnen Anzeige kann sich in hohem Maße mit einem der Standardarbeitsprofile überschneiden. Es ist jedoch falsch zu sagen, dass es genau dazu passt oder sogar vollständig dazu passt. Es'

  2. Sie sollten das Profil Ihres Displays niemals auf eines der Arbeitsprofile einstellen (denn das ist nicht das Profil!). Die richtige Lösung besteht darin, mithilfe eines Kalibrierungsgeräts das korrekte Profil Ihres Monitors zu ermitteln und dieses zu verwenden.

  3. Browser sind nicht die einzigen Früchte: Sie möchten sicherstellen, dass Ihre Anzeige so profiliert ist, dass auch andere Bildbearbeitungs-Apps (Photoshop, Lightroom usw.) Farben originalgetreu anzeigen.

  4. Es gibt etwas, das Sie gegen nicht verwaltete Bilder in Browsern tun können (einige andere Antworten haben es berührt). Ich werde im Detail weiter unten darauf eingehen.

Eine grobe Anleitung zur Interaktion von Profilen, wenn Sie ein Bild auf Ihrem Monitor anzeigen

In einer idealen Welt kommen beim Betrachten eines Bildes nicht nur ein, sondern zwei Profile ins Spiel . Das erste ist das im Bild eingebettete Profil: Nennen wir es das Eingabeprofil . Denken Sie daran, dass digitale Bilder aus Pixeln bestehen, die jeweils eine Kombination aus Rot, Grün und Blau enthalten. Für ein einfaches rotes Quadrat ist jedes Pixel auf 100% Rot, 0% Grün und 0% Blau eingestellt. Aber was meinen wir mit 100% Rot?Es ist, als würde man auf der Straßenseite ein Schild mit der Aufschrift "Sie dürfen jetzt mit maximaler Geschwindigkeit fahren" sehen. Welche Höchstgeschwindigkeit? Wie schnell wird das Auto fahren? Das Schild sagt nichts, daher wird die tatsächliche Geschwindigkeit von Auto zu Auto variieren. Das Eingabeprofil gibt an, auf was sich dieser 100% -Wert bezieht: Für ein mit einem eingebetteten Profil gekennzeichnetes Bild weiß Ihr Computer jetzt, dass "100% Rot" der maximale Rotwert ist, der von diesem bestimmten Profil definiert wird. (Um die Analogie zu vervollständigen, steht auf unserem Straßenschild: "Höchstgeschwindigkeit 70 Meilen pro Stunde. Sie dürfen jetzt maximal fahren.")

Sobald ein Bild mit einem eingebetteten Profil versehen ist , wissen wir genau, was wir anzeigen müssen : genau welche Schattierung von Rot, Gelb oder was auch immer. Die nächste Frage lautet: Wie zeigen wir sie an? Schauen Sie sich das gleiche Bild auf ein paar verschiedenen Computern (oder einfach nur Ihren Computer und Telefon) , und Sie werden sehen , dass keine zwei Displays Farbe machen genau die gleiche Weise. Hier müssen wir unseren Monitor kalibrieren, um ein Anzeigeprofil - das Ausgabeprofil - zu erstellen , das genau angibt, wie dieses spezielle Gerät Farben wiedergibt. Jetzt haben wir beide Informationen, die wir brauchen:

  • Eingabeprofil: Was bedeutet dieses Bild, wenn es "rot" heißt?
  • Ausgabeprofil: Wie kann ich erreichen, dass diese Hardware diesen Rotton (so nah wie möglich) anzeigt?

Und was ist, wenn das Bild nicht markiert ist? Mit Ausnahme der meisten Spezialisten kann davon ausgegangen werden, dass ein Bild ohne Tags das sRGB-Profil verwendet.

Und nun zur Beantwortung Ihrer Frage

Der erste Schritt bei jedem Monitor - besonders wichtig bei einem großen Farbraum - ist die korrekte Kalibrierung Ihres Monitors . Dies erfordert die Verwendung eines Kalibrators: Ein Teil der Hardware, der über dem Bildschirm positioniert ist und während der Anzeige einer Reihe von Testbildern Farbmessungen durchführt, um festzustellen, welche Farben Ihr Monitor tatsächlich anzeigt. Für eine breite Farbskala müssen Sie sicherstellen, dass Sie einen geeigneten Kalibrator verwenden: Ich verwende einen Spyder Pro 3 und er funktioniert einwandfrei.

Sobald Sie Ihren Monitor kalibriert haben, sollten Sie feststellen, dass jede farbverwaltete Anwendung jetzt Farben originalgetreu anzeigt. Vor der Kalibrierung zeigte mein Monitor mit großem Farbumfang alles, was übersättigt war: Die Hauttöne waren tomatenrot und sowohl Photoshop als auch Lightroom waren unbrauchbar. Nach der Kalibrierung sahen beide perfekt aus. Verwenden Sie also eine farbverwaltete App, um Ihre Kalibrierung zu testen.

Und jetzt auf die Browser! Firefox ist der einzige Browser, der für mich auf einem kalibrierten Wide-Gamut-Display gut funktioniert. Standardmäßig wird das eingebettete Farbprofil in Bildern verwendet, um diese korrekt anzuzeigen. Bilder ohne Tags werden jedoch weiterhin übersättigt angezeigt. Aber keine Sorge, nicht alles ist verloren!

  • Geben Sie about: config in Ihre Adressleiste ein.
  • Scrollen Sie nach unten und suchen Sie nach gfx.color_management.mode .
  • Ändern Sie den Wert auf 1 .

Dies veranlasst Firefox, alle Bilder ohne Tags als sRGB zu behandeln : genau das, was wir wollen. Es funktioniert sogar mit Symbolen in Ihrer Lesezeichenleiste! Leider funktioniert es auf Flash-Video-Playern immer noch nicht.

Sowohl Safari als auch Chrome werden in Farbe verwaltet, haben jedoch ihre Nachteile. Safari (zumindest unter Windows) behandelt Bilder ohne Tags nicht als sRGB. Chrome funktioniert, aber das Farbmanagement ist standardmäßig deaktiviert und umständlich zu aktivieren .

Zum Zeitpunkt des Schreibens hat Opera überhaupt kein Farbmanagement und IE9 ist einfach nur idiotisch: Es respektiert das Eingabeprofil (das im Bild eingebettete), ignoriert jedoch das Ausgabeprofil der Anzeige ! Dies macht IE9 auf einem Breitbild-Display so gut wie unbrauchbar.

Also: kalibrieren + Firefox verwenden + gfx.color_management.mode auf 1 setzen = du bist gut. :)

Mark Whitaker
quelle
1
Ein nützlicher Link: Browser Bilder überprüfen
Bitte Profil lesen
3

Dies ist wahrscheinlich eine ähnliche Frage wie diese: Lightroom-Exporte sind in Flickr zu dunkel . Ich habe zwei Displays mit großem Farbumfang (Desktop, Laptop). Möglicherweise möchten Sie neuere Versionen von Firefox ausprobieren, aber ich würde nicht den Atem anhalten. Vor einem Jahr ging ich hin und her und berichtete über dieses Problem im Firefox-Bug-Tracker (Problem 497363 und 509710 ). Das Farbmanagement in Firefox ist nicht so einfach wie das Aktivieren einer Option. ICC-Profile unterscheiden sich in Struktur und Funktionen. Einige von uns mit einem großen Anzeigebereich bemerkten, dass Firefox das entsprechende ICC-Profil nicht richtig interpretieren konnte.

Möglicherweise verschwindet dieses Problem, wenn ich ein anderes Kalibrierungswerkzeug zum Generieren eines anderen ICC-Profils oder einen Monitor mit Hardware-LUT verwende (dh einen, der direkt mit Ihrem Kalibrierungswerkzeug kommunizieren und die Kalibrierungsparameter in seiner Hardware speichern kann). Mit dem kostenlosen ICC Profile Inspector können Sie mit Ihrem Profil herumspielen und es mit einem anderen Profil vergleichen, von dem bekannt ist, dass es funktioniert. Hier ist die ICC-Profilspezifikation . Unten ist ein Screenshot meines Profils zu sehen, ob etwas mit Ihrem gemeinsam ist.

Ich habe seitdem keine Firefox-Betaversion mehr ausprobiert. Ich habe mich gerade an dieses Problem gewöhnt. Wenn Sie eine neuere Version ausprobieren, würde ich gerne davon hören. Erleichtern Sie Ihre Fotos nicht und verwenden Sie in Ihren Flickr-Fotos niemals AdobeRGB. Halten Sie sich immer an den webfreundlichen sRGB-Farbraum.

Alt-Text

sebastien.b
quelle
1

Moderne Versionen von Firefox bieten die Möglichkeit, nicht profilierte und profilierte Bilder zu verwalten. Sie können in about: config gehen und gfx.color_management.mode auf '1' setzen. (Die Standardeinstellung ist 2.) Ein bisschen Googeln liefert möglicherweise eine bessere Erklärung, aber es hat mir beim Anzeigen von SmugMug-Miniaturansichten usw. geholfen.

Es ist immer noch keine systemweite Korrektur für Win7 überfüllte Rottöne, aber zumindest ist mein Browser vernünftig.

yaff
quelle
Die "Win7 überfüllten Rottöne" haben nichts mit Windows 7 zu tun, es ist ein Monitorproblem. Die Firefox-Einstellung stimmt jedoch.
Mark Whitaker
0

Ich glaube, Sie haben kein Glück mit dem Internet Explorer, obwohl dies möglicherweise in Internet Explorer 9 behoben wird. Wie Sie bereits wissen, werden Profilinformationen von Firefox unterstützt, und Sie können Anweisungen zu verschiedenen Einstellungen erhalten, mit denen das Problem möglicherweise behoben werden kann Sie haben damit. Die andere Option ist die Verwendung von Safari, die die Farben korrekt erkennen soll.

Die letzte Option, wenn Sie es wirklich so nennen können, besteht darin, Ihren Monitor auf den sRGB-Farbraum umzustellen, wenn er dies unterstützt.

Unser eigener Jrista scheint hier der Farbexperte zu sein, also wird er sich vielleicht einer Korrektur von mehr Ideen anschließen.

John Cavan
quelle
Wie ich oben geschrieben habe, unterstützt mein FireFox Farbprofile, aber das Problem besteht immer noch bei Bildern ohne Farbprofile (das sind ungefähr 99% des Internets).
Sam
0

Hier ist der aktuelle Stand des Farbmanagements in Firefox und IE (11.10.2010).

Firefox v3.5.x - unterstützt das vollständige Farbmanagement, versteht jedoch nur ICCv2-Profile. Wenn Ihre Anzeigekalibrierungs- / Profilierungssoftware das Erstellen von v2-Profilen unterstützt (suchen Sie in den Programmeinstellungen nach einer Option), sollten Sie in der Lage sein, Bilder korrekt anzuzeigen. Beachten Sie, dass Firefox das Farbmanagement standardmäßig nur für Bilder verwendet, die mit einem Farbprofil versehen sind. Da es im Web viele nicht getaggte sRGB-Bilder gibt, sollten Sie Firefox so konfigurieren, dass die Farbe für alle Bilder verwaltet wird. Der einfachste Weg, diese Änderung vorzunehmen, ist die Verwendung der Farbverwaltungserweiterung für Firefox.

FireFox v4 (derzeit in der Betaphase) - FireFox4 unterstützt nun endlich ICCv4-Farbprofile, sowohl für Bilder als auch für Ihr Anzeigeprofil. Aktuelle Betas sind aufgebläht, fehlerhaft und langsam, daher empfehle ich sie nicht für den allgemeinen Gebrauch, aber zumindest wissen wir, dass ein korrektes Farbmanagement auf dem Weg ist.

Internet Explorer 8.x - überhaupt kein Farbmanagement. Reißverschluss, nada.

Internet Explorer 9 (derzeit in der Betaphase) - Die öffentliche Betaphase bietet nur eingeschränkte Unterstützung für das Farbmanagement, ist jedoch für Monitore mit großem Farbumfang nicht geeignet. IE9 (Beta) erkennt Bilder, die mit anderen Profilen als sRGB gekennzeichnet sind, und konvertiert sie in sRGB. Leider wird das Anzeigeprofil vollständig ignoriert, was bedeutet, dass bei Verwendung eines Monitors mit großem Farbumfang alles immer noch überfüllt ist. Es bleibt abzuwarten, ob MS dieses Problem beheben wird oder ob beabsichtigt war, die Rendergeschwindigkeit zu verbessern. Wenn einer von Ihnen den IE9 Beta-Test durchführt, schlage ich vor, diesen Fehler zu melden, damit MS weiß, dass es Menschen gibt, die darüber unglücklich sind.

Jeff Kohn
quelle
-1

Ich hatte das gleiche Problem. Ich denke, Sie werden feststellen, dass Ihre Flickr-Bilder gut aussehen, wenn Sie Safari installieren, da sie Farbprofile unterstützen.

Sean
quelle
Wie ich oben geschrieben habe, besteht das Problem auch in FireFox, das Farbprofile unterstützt (ja, ich habe es getestet), bei Bildern, die keine Farbprofile enthalten (das sind etwa 99% des Webs).
Sam
1
Während in der Standardeinstellung nur farbverwaltete Bilder mit Tags verwendet werden, kann Firefox so konfiguriert werden, dass das Farbmanagement für alle Bilder verwendet wird.
Jeff Kohn
Ich denke nicht, dass "jedem sagen, dass er Safari installieren soll" eine sehr praktische Lösung ist!
Bitte Profil lesen
Ich fordere nicht alle auf, Safari zu installieren. Ich habe gerade bemerkt, dass sie gut aussehen, nicht mehr und nicht weniger.
Sean