Gestione del colore per i tuoi browser web

BenQ
2020/12/09
web browser color management is something designers should become familiar with

La gestione del colore si occupa dell'uscita del colore dai dispositivi di origine ai dispositivi di output come monitor e stampanti. Tuttavia, dai web designer agli utenti su piattaforme di social media, è comune trovare che i colori delle immagini mostrate su diversi browser web possono variare. Per affrontare questo problema, la gestione del colore del browser web è qualcosa che si dovrebbe acquisire familiarità con.

Gestione colore e profili colore

Che si tratti di siti web, blog o piattaforme di social media, pubblicare immagini sul web nei colori che si intende mostrare è essenziale. Per rendere la visualizzazione dell'immagine questi colori previsti coinvolge sempre il profilo di colore dell'immagine stessa e come i browser web funzionano con esso. Cominciamo con quello che è un profilo a colori.

Un profilo di colore è come un traduttore, leggendo gli attributi di colore di un'immagine e poi localizzandolo in base ai parametri del dispositivo di output. Questa cosiddetta localizzazione consente al dispositivo di uscita di riconoscere meglio gli attributi di colore dell'immagine e quindi visualizzare i colori con precisione. Se gli utenti utilizzano sempre le immagini con profili di colore incorporati durante la modifica in Photoshop o Lightroom, scopriranno che le immagini vengono visualizzate in modo più coerente, sia su un monitor o come una copia cartacea da una stampante.

Oltre a utilizzare i profili a colori con le immagini, c'è anche un altro fattore che influisce sul modo in cui le immagini vengono visualizzate, e questa è la capacità di gestione del colore delle applicazioni e del software che si utilizza.

color space for web designing and web browsing
Browser Web e profili di monitoraggio
chrome firefox edge internet explorer and safari support color management

I browser web più popolari in uso sono Chrome, Firefox, Microsoft Edge (Windows 10) / Internet Explorer, e Safari. Tutti supportano la gestione del colore. Nel mondo dei browser web, lo spazio colore sRGB è lo standard. Chrome e Firefox sono in grado di impostare sRGB come spazio di colore predefinito. In questo caso, che il profilo immagine sia incorporato con un profilo sRGB o meno, verrà visualizzato come immagine sRGB. Firefox può anche mostrare i colori corretti con lo spazio di colore Adobe RGB.

Quando si tratta di Internet Explorer, Microsoft Edge e Safari, si sincronizzano con le impostazioni di colore del monitor (cioè, il profilo del monitor). Microsoft Edge, ancora meglio, è in grado di sincronizzare correttamente con i profili del monitor se l'immagine è sRGB o Adobe RGB. I profili del monitor sono file di dati che comunicano quali colori il monitor visualizza per il sistema. Per i browser web che si sincronizzano con le impostazioni di colore del monitor, è quello di fare riferimento sia il profilo di colore incorporato nell'immagine e il profilo del monitor che garantisce una corretta visualizzazione delle immagini per le caratteristiche del monitor.

Per rendere il vostro browser Firefox e Chrome visualizzare i colori previsti, è necessario regolare le impostazioni di gestione del colore del browser prima. È possibile controllare l'appendice per imparare a gestire il colore Firefox e Chrome.

Di seguito è riportato un grafico dei browser web più popolari. È possibile controllare per vedere come questi browser web gestiscono i colori.

Tabella: Gestione del colore nei diversi browser

Una volta che il contenuto web è identificato, si può essere certi che il browser web che si utilizza in grado di riprodurre i colori destinati e più importante di tutti, trasmettere correttamente le immagini come si desidera.

OS Windows Windows
Windows Windows MacOS
OS
Browser
Windows
Internet Explorer V11
Windows
Microsoft Edge
Windows
Firefox
Windows
Chrome
MacOS
Safari MacOS
OS
Version
Windows
11.1016.18326
Windows
86.0.622.61
Windows
82.0.2
Windows
86.0.4240.183
MacOS
14.0
OS
Embedded profile support
Windows
V
Windows
V
Windows
V
Windows
V
MacOS
V
OS
Image without color profile
Windows
Based on the monitor’s profile
Windows
Based on the monitor’s profile
Windows
sRGB
Windows
sRGB
MacOS
Based on the monitor’s profile
OS
Browser references the monitor’s profile
Windows
V (sRGB only)
Windows
V (sRGB & Adobe RGB)
Windows
V (sRGB & Adobe RGB)
Windows
V (sRGB only)
MacOS
V (sRGB only)
OS
When using multiple monitors, does the browser reference monitor profiles?
Windows

V

(sRGB only)

Windows

V

(sRGB & Adobe RGB)

Windows

V

(sRGB & Adobe RGB)

Windows

V

(sRGB only)

MacOS

V

(sRGB only)

OS
Recommendation 
Windows
★★
Windows
★★★
Windows
★★★
Windows
★★★
MacOS
★★
OS
Note
Windows
Supports ICC V2 and V4
Windows
Supports ICC V2 and V4
Windows

Needs to be activated, settings as Appendix 1

Windows
When image has no embedded profile, please follow Appendix 2 to fore the image with a predetermined sRGB profile
MacOS
 

Appendice 1: Come attivare la gestione del colore per Firefox

(1) Aprire una nuova scheda in Firefox

(2) Digita "about:config" nel campo URL

(3) Accedere alla configurazione di Firefox dopo aver visto l'avviso "procedere con cautela."

enable color management for firefox proceed with caution

(4) Filtro per "color_management" nel campo di ricerca.

(5) Cambia "gfx.color_management.enablev4" al valore "true"

(6) Cambiare "gfx.color_management.mode" al valore "1" per abilitare la gestione del colore per tutti i colori marcati e non marcati.

(7) Aggiungi l'URL del tuo profilo monitor personalizzato come valore per "gfx.color_management.display_profile"

enable color management for firefox gfx color management display profile

(8) Riavviare Firefox per le modifiche a prendere effetto.

Appendice 2: Come attivare la gestione del colore per Chrome e la sua "Forza profilo di colore"

(1) Digitare "chrome://flags/" nella barra degli indirizzi del browser Chrome

enable color management for firefox chrome flags

(2) Cerca "Forza profilo colore"

(3) Scegliere il profilo ICC dal menu a discesa e selezionare sRGB. L'immagine verrà visualizzata con il profilo sRGB sullo schermo.

Scopri come sono i monitor DesignVue pronti per Mac
Prodotto consigliato
PD3220U

32 inch 4K Thunderbolt 3 Monitor with Display P3

Questo articolo è stato utile?

No

Iscriviti alla nostra Newsletter

Restate sintonizzati per il lancio dei nostri prodotti, le prossime novità e i vantaggi esclusivi.

Iscriviti
TOP