Kleurprofielen bij het ontwerpen van websites

Kleurprofielen bij het ontwerpen van websites

Bij Netlash streven we ernaar om websites van zeer hoge kwaliteit af te leveren. Om die visie te ondersteunen kalibreren onze designers al jaren hun schermen. Het kalibreren maakt een kleurprofiel aan dat eventuele afwijkingen qua kleurconsistentie en kleurnauwkeurigheid in onze schermen bijstuurt. Zo geven onze schermen alle kleuren altijd op uniforme en zo nauwkeurig mogelijke wijze weer.

Wat wij echter niet willen (en dit is eigen aan webbouwers) is dat onze finale afbeeldingen kleurprofielen bevatten. Op het web gaan kleurprofielen namelijk botsen met html kleurwaardes. Bovendien ondersteunen niet alle browsers kleurprofielen en leest geen enkele browser ICC profielen in de code van een webpagina.

Het ontwerpen mét kleurprofielen op je scherm, maar zonder kleurprofielen op je document brengt echter specifieke problemen met zich mee. Je verwacht namelijk dat je kleurprofiel overal op je scherm toegepast is. Wanneer je echter de standaard Photoshop Color Settings gebruikt is dit niet het geval.

De standaard Photoshop Color Settings voor webgebruik (Europe Web/Internet) omzeilt jouw kleurprofiel en zal binnen je Photoshopvenster een ander profiel gebruiken. Hierdoor zullen er zich kleurverschillen voordoen. Gelukkig kan je het makkelijk vermijden.

Zet je Color Settings op "Monitor Color"

Hierdoor zal Photoshop hetzelfde profiel als je monitor gebruiken. Het gevolg is dat je Photoshop venster alle kleuren juist zal weergeven.

Kijk na of Assign Profile op "Don't Color Manage This Document" staat

Hierdoor ga je na of de afbeelding zelf geen kleurprofiel heeft.

Kijk na of Proof Colors af staat

Met deze instelling kan Photoshop een ander profiel doen nabootsen. Om te ontwerpen voor het web is het echter nutteloos.

Opslaan via Safe for Web & Devices

Zorg dat "Embed Color Profile" en "Convert to sRGB" uit staan.

Klaar!

Je bent helemaal klaar om het weblandschap mee vorm te geven.

Deze post is geschreven om een alternatief te bieden aan de oplossing van Viget waar men vooral met de "Proof Colors" instelling werkt.

Lees meer

Iedereen bij Wijs deelt zijn expertise, ook Jasper en Evi. Benieuwd naar de laatste nieuwtjes en blogposts? Schrijf je in voor onze nieuwsbrief!