Come posso garantire una corretta resa cromatica con i browser su display a ampia gamma?


13

Durante la modifica per il Web, tutti ti consigliano di utilizzare sRGB, poiché molti browser non offrono la gestione del colore e la maggior parte dei browser interpreta comunque tutte le immagini come sRGB.

Questo è corretto per i browser utilizzati sui normali display della gamma, che vivono nello stesso sRGB.

Ora accedi ai display a gamma larga. Questi vivono nello spazio colore AdobeRGB, e con mio grande sgomento su un ampio display, i browser senza gestione del colore interpreteranno anche i dati delle immagini come se fossero nello spazio colore AdobeRGB. Cosa succede se i dati delle immagini sRGB vengono interpretati come AdobeRGB? I colori sono spenti, troppo forti, sembra sfocato.

Il problema persiste anche quando si utilizza un browser con gestione colori come FireFox, ma si visualizzano immagini senza profilo incorporato: le immagini verranno interpretate come AdobeRGB anziché sRGB.

In breve: da quando ho ottenuto il mio ampio display di gamma, flickr sembra orribile.

Qualche idea su come ottengo che i miei browser (Internet Explorer e FireFox) utilizzino sRGB anziché AdobeRGB per la resa cromatica come impostazione predefinita?

Sto usando Windows 7.

Cosa divertente, quando scarico le immagini sull'unità locale e utilizzo un visualizzatore di file per visualizzarle, il colore viene interpretato correttamente come sRGB.


Sospetto che Flickr potrebbe non includere il profilo colore anche quando genera dimensioni inferiori.
Rowland Shaw,

I file contenenti profili non sono il mio problema principale. Il mio problema principale sono le immagini che non contengono un profilo.
Sam,

@Rowland Flickr fa conservare il profilo colore nelle immagini ridimensionate.
Mark Whitaker,

Quella "cosa divertente" che citi nell'ultima frase è solo perché il visualizzatore di immagini tratta le immagini non profilate come sRGB e Firefox no. Vedi la mia risposta su come far fare a Firefox.
Mark Whitaker,

Risposte:


-4

Sfortunatamente, non c'è niente che tu possa fare che sia pratico. Per ottenere ciò che desideri, devi impostare il tuo profilo di sistema su sRGB.

Il comportamento della resa cromatica dell'immagine per le immagini senza profili allegati non è definito. I browser non indovinano lo spazio colore in cui si trova un'immagine, se non è collegato alcun profilo. Il sistema operativo lo gestisce.

Il modo corretto per ottenere correttamente la resa cromatica è collegare un profilo all'immagine. Ovviamente flickr (e le miniature di smugmug) non ti danno questa opzione.

Quindi hai due possibilità: una, imposta windows per usare sRGB come profilo del tuo monitor; quindi tutte le immagini senza tag appariranno come sRGB, ma le immagini con tag sembreranno schifose e la gestione del colore sarà pessima.

Oppure, basta affrontare il fatto che le immagini non gestite sono il diavolo e non c'è nulla che tu possa fare al riguardo.

Forse esiste un plug-in Firefox che può allegare automaticamente un profilo colore, ma al di fuori di questo, è solo un vecchio succhiare che è noto come gestione del colore.

Ho dovuto affrontare questo stesso problema con Smugmug. Tutte le mie immagini hanno profili sRGB collegati, quindi sembrano grandi (nei browser a colori), ma le anteprime sembrano saturate. È perché i pollici sono generati automaticamente e smugmug rifiuta di associare un profilo colore a loro, perché raddoppia la dimensione della miniatura. Quindi i pollici vengono visualizzati in qualunque modo il sistema operativo decida di renderli.


In realtà ho scoperto che il mio display (Eizo CG303w) offre un selettore di modalità che può essere utilizzato per alternare tra AdobeRGB e sRGB che è molto utile per la navigazione.
Sam,

"Per ottenere ciò che desideri, devi impostare il tuo profilo di sistema su sRGB." - è completamente sbagliato. Non dovresti mai impostare il tuo profilo di sistema su sRGB, devi profilare il tuo monitor con un dispositivo di calibrazione.
Mark Whitaker,

1
Siamo spiacenti, -1 poiché quasi tutto in questa risposta è errato! Non è necessario impostare il profilo di visualizzazione su sRGB, è possibile allegare un profilo a un'immagine su Flickr, Firefox può eseguire il rendering di immagini non contrassegnate come sRGB e il modo corretto per ottenere la resa cromatica non è (solo) taggare l'immagine, è profila il tuo monitor! In breve, non è qualcosa che si può fare su di esso!
Mark Whitaker,

1
Spiacenti, la prima parte "impostazione del monitor su RGB" è stata un cattivo consiglio "le immagini appariranno come sRGB, ma altre immagini sembreranno merda". Avrei dovuto etichettarlo come tale, ma ho pensato che fosse implicito che fosse un cattivo consiglio. Inoltre, nell'impostazione in firefox, non dice quale profilo contrassegna l'immagine come. Il terzo aggiustamento della calibrazione del colore e l'impostazione del browser firefox funzionano alla grande, ma prova a convincere tutti coloro che visiteranno la tua galleria a fare lo stesso. Questo è il vero problema con le immagini non gestite.
Alan,

17

Ho avuto esattamente lo stesso problema ed è possibile arrivare a una soluzione corretta e praticabile . Ci sono molte idee sbagliate sia nella domanda che nelle risposte precedenti (e in effetti, in merito alla gestione del colore in generale), quindi lasciami provare a chiarirle e fornirti una risposta.

Innanzitutto, le idee sbagliate ...

  1. I monitor regolari (non wide) non "vivono in sRGB", né i display wide gamut "vivono in AdobeRGB". sRGB e AdobeRGB (insieme a ProPhoto RGB) sono noti come profili di lavoro : non corrispondono a nessun dispositivo del mondo reale, forniscono solo un set standard di misurazioni che tutti i dispositivi possono essere programmati per comprendere. Ogni monitor (e ogni stampante) ha il proprio profilo, e infatti quel profilo può cambiare nel tempo man mano che i prodotti chimici invecchiano. Il profilo di un singolo display può avere un grande grado di sovrapposizione con uno dei profili di lavoro standard, ma non è corretto affermare che corrisponda esattamente o addirittura si adatti completamente al suo interno. E'

  2. Non dovresti mai impostare il profilo del tuo display su uno dei profili di lavoro (perché quello non è il suo profilo!). La soluzione corretta è utilizzare un dispositivo di calibrazione per scoprire il profilo corretto del monitor e utilizzarlo.

  3. I browser non sono l'unico frutto: vuoi assicurarti che il tuo display sia profilato in modo tale che anche altre app di imaging (Photoshop, Lightroom, qualunque) mostrino fedelmente i colori.

  4. V'è qualcosa che si può fare su immagini non gestite nei browser (un paio di altre risposte hanno toccato su di esso). Verrò ad esso in dettaglio di seguito.

Una guida approssimativa su come i profili interagiscono quando si visualizza un'immagine sul monitor

In un mondo ideale, non uno ma due profili entreranno in gioco quando si visualizza un'immagine . Il primo è il profilo incorporato nell'immagine: chiamiamolo profilo di input . Ricorda che le immagini digitali sono costituite da pixel, ciascuno contenente una combinazione di rosso, verde e blu. Quindi, per un semplice quadrato rosso, ogni pixel è impostato su 100% rosso, 0% verde, 0% blu. Ma cosa intendiamo per rosso al 100%?È come vedere un cartello sul lato della strada che dice "Ora puoi guidare alla massima velocità". Quale velocità massima? Più veloce della macchina? Il cartello non dice, quindi la velocità effettiva varierà da un'auto all'altra. Ciò che ci dice il profilo di input è ciò a cui è relativo quel valore del 100%: per un'immagine taggata con un profilo incorporato, il tuo computer ora sa che "100% rosso" significa il massimo valore rosso definito da quel profilo specifico. (Per completare l'analogia, il nostro segnale stradale ora dice: "Limite massimo di 70 miglia all'ora. Ora puoi guidare al massimo.")

Quindi, una volta che un'immagine è taggata con un profilo incorporato , sappiamo esattamente cosa è necessario visualizzare : esattamente quale tonalità di rosso, giallo o altro. La prossima domanda è: come la visualizziamo? Guarda la stessa immagine su alcuni computer diversi (o solo sul tuo computer e sul tuo telefono) e vedrai che nessun display visualizza il colore esattamente allo stesso modo. È qui che dobbiamo calibrare il nostro monitor per produrre un profilo di visualizzazione - il profilo di destinazione - che ci dice esattamente come questo specifico dispositivo rende i colori. Ora abbiamo entrambe le informazioni di cui abbiamo bisogno:

  • Profilo di input: cosa significa questa immagine quando dice "rosso"?
  • Profilo di destinazione: come posso visualizzare questo hardware (il più vicino possibile) a quella tonalità di rosso?

E se l'immagine non fosse taggata? Per tutti tranne che per gli specialisti, è sicuro supporre che un'immagine senza tag stia utilizzando il profilo sRGB.

E ora per rispondere alla tua domanda

Il primo passo con qualsiasi monitor, ma soprattutto importante con un ampio display di gamma, è calibrare correttamente il monitor . Ciò richiede l'uso di un calibratore: un componente hardware che si trova sullo schermo e rileva i colori durante la visualizzazione di una gamma di immagini di prova, per determinare quali colori vengono effettivamente visualizzati sul monitor. Per un ampio display di gamma devi assicurarti di usare un calibratore adatto: io uso uno Spyder Pro 3 e funziona benissimo.

Dopo aver calibrato il monitor, dovresti scoprire che qualsiasi applicazione con gestione del colore ora mostra i colori fedelmente. Prima della calibrazione, il mio monitor ad ampia gamma mostrava tutto iper-saturo: i toni della pelle erano rosso pomodoro e sia Photoshop che Lightroom erano inutilizzabili. Dopo la calibrazione, entrambi sembravano perfetti. Quindi, utilizzare un'app con gestione del colore per testare la calibrazione.

E ora sui browser! Firefox è l'unico browser che funziona bene per me su un display calibrato ad ampia gamma. Per impostazione predefinita utilizza il profilo colore incorporato nelle immagini per visualizzarle correttamente, ma le immagini senza tag appaiono ancora troppo saturate. Ma non preoccuparti, non tutto è perduto!

  • Digitare about: config nella barra degli indirizzi.
  • Scorri verso il basso e cerca gfx.color_management.mode .
  • Cambia il valore in 1 .

Questo fa sì che Firefox tratti tutte le immagini senza tag come sRGB : esattamente ciò che vogliamo che accada. Funziona anche con le icone nella barra dei segnalibri! Purtroppo, tuttavia, non funziona ancora con i lettori di video flash.

Sia Safari che Chrome sono anche gestiti a colori ma entrambi hanno i loro svantaggi. Safari (almeno su Windows) non tratta le immagini senza tag come sRGB; Chrome lo fa, ma la sua gestione del colore è disabilitata per impostazione predefinita e scomoda da accendere .

Al momento della scrittura, Opera non ha alcuna gestione del colore e IE9 è semplicemente idiota: rispetta il profilo di input (quello incorporato nell'immagine) ma ignora il profilo di output del display ! Questo rende IE9 buono come inutile su un ampio display di gamma.

Quindi: calibrare + usare Firefox + impostare gfx.color_management.mode su 1 = sei bravo. :)



3

Questa è probabilmente una domanda simile a questa: le esportazioni di Lightroom sono troppo scure in Flickr . Ho due display ad ampia gamma (desktop, laptop). Potresti voler provare le versioni più recenti di Firefox, ma non trattengo il respiro. Un anno fa sono andato avanti e indietro segnalando questo problema nel bug tracker di Firefox (numero 497363 e 509710 ). La gestione del colore in Firefox non è così semplice come abilitare un'opzione in realtà. I profili ICC si differenziano per struttura e capacità. Alcuni di noi con display ad ampia gamma hanno notato che Firefox non è stato in grado di interpretare correttamente il profilo ICC corrispondente.

Forse questo problema scompare se utilizzo uno strumento di calibrazione diverso per generare un profilo ICC diverso o un monitor con LUT hardware (ovvero uno che può comunicare direttamente con lo strumento di calibrazione e memorizzare i parametri di calibrazione nel suo hardware). Puoi utilizzare l' Ispettore profili ICC gratuito per giocare con il tuo profilo e confrontarlo con un altro profilo che funziona. Ecco le specifiche del profilo ICC . Di seguito è riportato uno screenshot del mio profilo, per vedere se c'è qualcosa in comune con il tuo.

Da allora non ho provato nessuna versione beta di Firefox, mi sono appena abituato a questo problema. Se provi una versione più recente, mi piacerebbe saperlo. Non alleggerire le tue foto e non usare AdobeRGB nelle tue foto di Flickr, mantieni sempre lo spazio colore sRGB adatto al web.

testo alternativo


1

Le versioni moderne di Firefox hanno un'impostazione per provare a gestire immagini non profilate e anche profilate. Puoi andare su about: config e modificare gfx.color_management.mode su '1'. (L'impostazione predefinita è 2.) Un po 'di Google potrebbe fornire una spiegazione migliore, ma mi ha aiutato a visualizzare le miniature di SmugMug, ecc.

Non è ancora una correzione a livello di sistema per i rossi sovra-saturi di Win7, ma almeno il mio browser è sano.


I "rossi saturi saturi Win7" non hanno nulla a che fare con Windows 7, è un problema di monitoraggio. Tuttavia, hai ragione riguardo all'impostazione di Firefox.
Mark Whitaker,

0

Credo che tu sia sfortunato con IE, anche se forse potrebbe essere corretto in IE 9. Per Firefox, come già sai, c'è un supporto per le informazioni del profilo e puoi ottenere alcune istruzioni su varie impostazioni che possono alleviare il problema ci stai provando. L'altra opzione è quella di utilizzare Safari, che dovrebbe essere correttamente consapevole del colore.

L'opzione finale, se puoi davvero chiamarla così, è quella di passare il monitor allo spazio colore sRGB se lo supporta.

Il nostro jrista sembra essere l'esperto del colore qui, quindi forse interverrà con una correzione di più idee.


Come ho scritto sopra, il mio FireFox supporta i profili colore, ma il problema persiste con le immagini senza profili colore (che rappresentano circa il 99% di Internet).
Sam,

0

Ecco lo stato della gestione del colore in Firefox e IE al momento (10/11/2010).

Firefox v3.5.x: supporta la gestione del colore completo, ma comprende solo i profili ICCv2. Se il tuo software di calibrazione / profilazione dello schermo supporta la creazione di profili v2 (cerca un'opzione da qualche parte nelle impostazioni del programma), dovresti essere in grado di ottenere immagini che vengano visualizzate correttamente. Per impostazione predefinita, Firefox utilizza la gestione del colore solo per le immagini contrassegnate con un profilo colore. Dal momento che ci sono molte immagini sRGB senza tag sul Web, probabilmente vorrai configurare Firefox per gestire il colore di tutte le immagini. Il modo più semplice per apportare questa modifica è utilizzare l'estensione Gestione colore per Firefox.

FireFox v4 (attualmente in versione beta) - FireFox4 supporterà finalmente i profili colore ICCv4, sia per le immagini che per il profilo del display. Le beta attuali sono gonfie, buggy e lente, quindi non le consiglio per un uso generale ma almeno sappiamo che è in arrivo una corretta gestione del colore.

Internet Explorer 8.x: nessuna gestione del colore. zip, nada.

Internet Explorer 9 (attualmente in versione beta): la versione beta pubblica ha un supporto limitato per la gestione del colore, ma non è di alcuna utilità sui monitor di vasta gamma. IE9 (beta) riconosce le immagini taggate con profili diversi da sRGB e le converte in sRGB. Sfortunatamente ignora completamente il profilo del display, il che significa che se si dispone di un monitor wide-gamut tutto sarà ancora saturo. Resta da vedere se la SM risolverà questo comportamento o se si è trattato di una decisione intenzionale per migliorare la velocità di rendering. Se qualcuno di voi sta testando beta IE9, suggerisco di segnalare questo errore in modo che MS sappia che ci sono persone che non sono contente.


-1

Ho avuto lo stesso problema. Penso che scoprirai che se installi Safari le tue foto su Flickr avranno un bell'aspetto in quanto supportano i profili di colore.


Come ho scritto sopra, anche in FireFox che supporta i profili di colore (sì, l'ho provato), il problema persiste con le immagini che non contengono profili di colore (che rappresentano circa il 99% del web).
Sam,

1
Mentre l'impostazione predefinita è solo per le immagini contrassegnate con gestione del colore, Firefox può essere configurato per utilizzare la gestione del colore per tutte le immagini.
Jeff Kohn,

Non credo che "dì a tutti di installare Safari" sia una soluzione molto pratica!
Leggi il profilo

Non sto dicendo a tutti di installare Safari. Ho appena notato che stanno bene, niente di più, niente di meno.
Sean,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.