Jag har på senare tid märkt att vissa webbdesigners inte verkar använda färgprofiler korrekt i Photoshop. Om du någonsin har sparat bilder för webben och upptäckt att de blir något ljusare och mer avmättade än vad du såg när du arbetade med dem, är den här guiden för dig.

Det finns en del blogginlägg som förespråkar att man ska inaktivera färgprofiler i webbbilder för att ”åtgärda” det här problemet. Detta är inte rätt väg att gå eftersom moderna webbläsare som Firefox 3 och Safari använder färgprofiler, så du kan få mycket bättre resultat genom att använda dem på rätt sätt. Färgprofiler är dessutom väldigt enkla att använda. Så här gör du…

OBS: Följande instruktioner gäller Photoshop CS3 som körs på OS X, men det blir samma sak för Windows och liknande för äldre versioner av Photoshop.

För det första måste vi veta vilken profil du ska använda för dina webbbilder – det är profilen sRGB IEC61966-2.1. Den är standard för många PC-skärmar och rekommenderas därför för användning på webben. För att ställa in ditt arbetsområde på denna profil öppnar du menyn ”Redigera” och klickar på ”Färginställningar…”

Du får följande alternativ:

Klipp på avsnittet ”Working Spaces” (arbetsområden) och välj sRGB IEC61966-2.1-profilen från rullgardinsmen RGB. De andra inställningarna är inte relevanta här eftersom vi bara kommer att arbeta med RGB för webbbilder.

Nu har du ställt in arbetsutrymmet korrekt, men vi är inte klara. Det du ser nu är inte vad du kommer att se när du sparar bilden för webben eftersom det du ser inte påverkas av dina bildskärmsinställningar. För att se de ”riktiga” färgerna måste vi använda färgprovning.

Klicka på menyn ”Visa” och sedan på ”Proof Setup”. Du bör se ett annat urval. Vi vill se bilden så som den kommer att visas på vår bildskärm, så välj ”Monitor RGB” längst ner.

Till sist måste vi aktivera färgprovning eftersom den är avstängd som standard. Klicka på menyn ”View” igen och klicka på ”Proof Colors” om det inte redan finns ett kryss bredvid.

När du klickar på det kommer det att vara markerat, vilket indikerar att färgerna nu kontrolleras med hjälp av dina bildskärmsinställningar. Så är det, det du ser nu på din skärm kommer att vara ungefär vad du får när du sparar bilden.

Människor kommer fortfarande att se färgerna något annorlunda på många enheter och operativsystem (till exempel skiljer sig OS X:s standardgamma från standardgamman för Windows-pc:er, så bilderna är lite ljusare – om du jobbar på en Mac rekommenderas att ställa in gamma-nivån på 2,2), men utdata kommer fortfarande att stämma överens med ditt arbetsutrymme och kommer att vara redo för moderna webbläsare som använder inbäddade färgprofiler.