Ho notato ultimamente che alcuni web designer non sembrano usare correttamente i profili di colore in Photoshop. Se vi è mai capitato di salvare immagini per il web e scoprire che escono leggermente più chiare e desaturate di quello che avete visto quando ci avete lavorato, questa guida è per voi.

Ci sono alcuni post sul blog che sostengono la disabilitazione dei profili colore nelle immagini web per “risolvere” questo problema. Questo non è il modo giusto di procedere perché i browser moderni come Firefox 3 e Safari usano i profili di colore, quindi si possono ottenere risultati molto migliori usandoli correttamente. Inoltre, i profili di colore sono semplicissimi da usare. Ecco come…

NOTA: Le seguenti istruzioni sono per Photoshop CS3 che gira su OS X, ma saranno le stesse per Windows e simili per le vecchie versioni di Photoshop.

Primo, dobbiamo sapere quale profilo usare per le tue immagini web – è il profilo sRGB IEC61966-2.1. È standard in molti monitor di PC e quindi è raccomandato per l’uso sul web. Per impostare il tuo spazio di lavoro su questo profilo, apri il menu “Modifica” e clicca su “Impostazioni colore…”

Ti verranno presentate le seguenti opzioni:

Guarda la sezione “Spazi di lavoro” e seleziona il profilo sRGB IEC61966-2.1 dal menu a discesa RGB. Le altre impostazioni non sono rilevanti qui poiché lavoreremo solo con RGB per le immagini web.

Ora hai impostato correttamente lo spazio di lavoro, ma non abbiamo finito. Quello che vedi ora non è quello che vedrai quando salverai l’immagine per il web perché quello che vedi non è influenzato dalle impostazioni del tuo monitor. Per vedere i colori “reali” dobbiamo usare la prova colore.

Clicca sul menu “View” e poi su “Proof Setup”. Dovresti vedere un’altra selezione. Vogliamo vedere l’immagine come apparirà sul nostro monitor, quindi seleziona “Monitor RGB” in basso.

Infine, dobbiamo attivare la prova colore perché è spenta per default. Clicca di nuovo sul menu “View” e clicca su “Proof Colors” se non c’è già la spunta accanto.

Una volta che ci hai cliccato sopra, sarà spuntata indicando che i colori vengono ora provati usando le impostazioni del tuo monitor. Questo è tutto, quello che vedi ora sul tuo schermo sarà più o meno quello che avrai quando salverai l’immagine.

Le persone vedranno ancora i colori in modo leggermente diverso attraverso molti dispositivi e sistemi operativi (per esempio, la gamma di default di OS X differisce dalla gamma standard di Windows PC, quindi le immagini sono un po’ più luminose – se stai lavorando su un Mac è consigliato impostare il tuo livello di gamma a 2.2) ma l’output sarà ancora coerente con il tuo spazio di lavoro e sarà pronto per i browser moderni che usano profili colore incorporati.