Ik heb de laatste tijd gemerkt dat sommige webdesigners kleurprofielen niet correct lijken te gebruiken in Photoshop. Als je ooit afbeeldingen voor het web hebt opgeslagen en hebt ontdekt dat ze iets lichter en onverzadigder zijn dan wat je zag toen je eraan werkte, dan is deze handleiding iets voor jou.

Er zijn enkele blogposts waarin wordt gepleit voor het uitschakelen van kleurprofielen in webafbeeldingen om dit probleem te “verhelpen”. Dit is niet de juiste manier om het aan te pakken, omdat moderne browsers zoals Firefox 3 en Safari wel kleurprofielen gebruiken, dus u kunt veel betere resultaten krijgen door ze correct te gebruiken. Bovendien zijn kleurprofielen doodsimpel te gebruiken. Dit is hoe…

NOOT: De volgende instructies zijn voor Photoshop CS3 op OS X, maar het is hetzelfde voor Windows en vergelijkbaar voor oudere versies van Photoshop.

Eerst moeten we weten welk profiel we moeten gebruiken voor je webafbeeldingen – dat is het sRGB IEC61966-2.1-profiel. Het is standaard voor veel PC-monitoren en wordt daarom aanbevolen voor gebruik op het web. Om uw werkruimte op dit profiel in te stellen, opent u het menu “Bewerken” en klikt u op “Kleurinstellingen…”

U krijgt de volgende opties:

Bekijk het gedeelte “Werkruimten” en selecteer het sRGB IEC61966-2.1-profiel in de vervolgkeuzelijst RGB. De andere instellingen zijn hier niet relevant omdat we alleen met RGB voor webafbeeldingen werken.

Nu hebt u de werkruimte correct ingesteld, maar we zijn nog niet klaar. Wat je nu ziet is niet wat je zult zien als je de afbeelding opslaat voor het web, want wat je ziet wordt niet beïnvloed door je monitor instellingen. Om de “echte” kleuren te zien, moeten we kleurproeven gebruiken.

Klik op het “Beeld” menu en dan op “Proefopstelling”. Je zou nu een andere selectie moeten zien. We willen de afbeelding zien zoals die op onze monitor wordt weergegeven, dus selecteer “Monitor RGB” onderaan.

Tot slot moeten we kleurproofing activeren, want die staat standaard uit. Klik opnieuw op het menu “Beeld” en klik op “Kleuren controleren” als er nog geen vinkje naast staat.

Als u er eenmaal op klikt, wordt het vinkje aangevinkt om aan te geven dat de kleuren nu worden gecontroleerd aan de hand van uw monitorinstellingen. Dat is het, wat u nu op uw scherm ziet, zal ongeveer hetzelfde zijn als wat u krijgt wanneer u de afbeelding opslaat.

Mensen zullen de kleuren nog steeds enigszins anders zien op veel apparaten en besturingssystemen (bijvoorbeeld, de standaard OS X gamma verschilt van de standaard Windows PC gamma, dus afbeeldingen zijn een beetje helderder – als u op een Mac werkt, is het raadzaam om uw gamma-niveau in te stellen op 2.2), maar de uitvoer zal nog steeds consistent zijn met uw werkruimte en zal klaar zijn voor moderne browsers die wel gebruik maken van ingebedde kleurprofielen.