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 ...
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'
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.
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.
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. :)