Veel mensen hebben problemen met de kleur van hun foto's wanneer ze deze online publiceren. Er zijn verschillende redenen waarom dit zo zou kunnen zijn, maar de meest voorkomende boosdoeners zijn de kleurruimte van de afbeelding en of het profiel al dan niet is ingesloten. Beide kleurinstellingen kunnen een radicale invloed hebben op de kleur van de webbrowser en hoe uw foto's eruitzien.
Laten we enkele van de mogelijke valkuilen eens nader bekijken.
Het belang van het insluiten van het kleurprofiel
Telkens wanneer u uw foto's bewerkt in een bewerkingsprogramma als Photoshop, gebruikt u een specifieke RGB-werkkleurruimte. Om er zeker van te zijn dat de kleur die u ziet tijdens het bewerken behouden blijft, moet u het profiel insluiten voordat u de afbeelding opslaat.
In eenvoudige bewoordingen is het ICC-profiel een vertaler. Het stelt verschillende apps en apparaten in staat om de kleur te interpreteren zoals u bedoeld had. Als u er een gewoonte van maakt om profielen in uw afbeeldingen in te sluiten terwijl u ze opslaat, verkleint u de kans dat de kleur er op internet of in drukwerk verkeerd uitziet.
De rijke kleuren in deze ProPhoto RGB-afbeelding zien er in veel browsers goed uit, ondanks dat het niet sRGB is zoals normaal wordt geadviseerd. Als het er gedempt en uitgeput uitziet, komt dat doordat je het bekijkt in een browser zonder kleurbeheer. Door het profiel in te sluiten, heb ik het de beste kans gegeven om er voor de meeste mensen uit te zien zoals bedoeld. Op een monitor met een breed kleurengamma zullen de kleuren wat meer opvallen.
Door het profiel in een afbeelding in te sluiten, wordt ongeveer 3-4 kB aan de bestandsgrootte toegevoegd, dus de enige keer dat het zin heeft om het profiel uit te sluiten, is wanneer u grote hoeveelheden foto's naar internet uploadt.
Als u het profiel moet weglaten, zorgt u ervoor dat de afbeelding zich in de sRGB-kleurruimte bevindt, om eventuele resulterende schade te beperken. Twee of drie van de meer populaire browsers geven de kleur nog steeds getrouw weer omdat ze het profiel automatisch correct raden (d.w.z. sRGB).
Hoewel de meeste browsers de omgang met kleur de laatste tijd hebben verbeterd, is het nog steeds een goede gewoonte om het profiel in te sluiten. Laat het niet zomaar weg.
Omdat het profiel is weggelaten uit dezelfde ProPhoto RGB-afbeelding, zullen de helderheid en kleur er in de meeste browsers en op de meeste monitoren vreselijk uitzien. Een ontbrekend profiel voor een sRGB-bestand zou daarentegen voor een groot aantal mensen niet detecteerbaar zijn.
Hoe het profiel in te sluiten
Als u het profiel in afbeeldingen invoegt, hoeft u alleen maar een vakje aan te vinken wanneer u de foto exporteert. Als een dergelijke optie niet bestaat, is de standaard ofwel de vooraf gedefinieerde werkruimte van het programma, ofwel sRGB voor webspecifieke uitvoer.
Als je de kleur van je webafbeeldingen wilt controleren voordat je ze publiceert, open ze dan rechtstreeks in een browser (bij voorkeur een betrouwbare zoals Chrome) en kijk hoe ze zich verhouden tot het origineel in je fotobewerkingsprogramma. Wees een beetje op uw hoede voor het uploaden van afbeeldingen naar platforms die het profiel verwijderen, hoewel dit meestal geen fotogalerij-sites zijn.
Voor het insluiten of verwijderen van profielen hoeft u meestal alleen een vakje aan of uit te vinken bij het opslaan. Dit is het "Opslaan als" -venster in Photoshop.
Converteren naar profiel
U kunt "converteren naar profiel" in Photoshop gebruiken om een sRGB-afbeelding te maken, wat de veiligste kleurruimte voor het web is. Zorg ervoor dat u het originele bestand niet overschrijft en op deze manier opslaat, want grotere kleurruimten zijn een betere keuze voor afdrukken zoals inkjetprinten.
Gebruik "profiel toewijzen" niet voor profielconversie, aangezien dit een kleurverschuiving veroorzaakt en niet voor dit doel bedoeld is.
Als u "profiel toewijzen" in Photoshop gebruikt om tussen profielen te converteren, zal er een kleurverschuiving optreden. De kleur in de rechterafbeelding hierboven is afgenomen als gevolg van het toewijzen van een sRGB-profiel aan een Adobe RGB-afbeelding. U moet "converteren naar profiel" gebruiken als u een sRGB-versie van uw foto voor het web wilt maken.
Waarom Monitor Gamut belangrijk is
Voor kleurbeheer zijn minimaal twee profielen nodig (in dit geval beeldprofiel en monitorprofiel). Als u afbeeldingen publiceert zonder ingesloten profielen, vertrouwt u op de browser van de kijker om de kleurruimte correct te raden.
Wanneer kleurbeheer om welke reden dan ook afwezig is in de browser of app, zijn de volgende uitspraken waar:
- Een Adobe RGB-afbeelding ziet er ongeveer correct uit op een beeldscherm met een breed kleurengamma.
- Een Adobe RGB-afbeelding ziet er gedempt uit in kleur op een scherm met een standaardgamma.
- sRGB-afbeeldingen zien er ongeveer correct uit op een scherm met een standaardgamma.
- Een sRGB-afbeelding ziet er in kleur oververzadigd uit op een breed kleurengamma-scherm.
Merk op dat een Adobe RGB-afbeelding zonder ingebed profiel er in de meeste situaties gedempt uitziet en moet worden vermeden. Browsers raden aan dat de kleurruimte sRGB is als ze überhaupt raden.
De bovenstaande grafiek toont het verschil tussen een Dell-monitor met standaardgamma (gekleurde omtrek) en het sRGB-profiel (gestippelde omtrek). Zelfs op een gewone desktopmonitor is de kans groot dat sommige kleuren de sRGB-kleurruimte overschrijden en er te verzadigd uitzien in Microsoft-browsers.
In de bovenstaande monitor zijn de rode tinten het meest overdreven in die situatie. Als u uw monitor niet heeft geprofileerd of als het gamma van het scherm wordt omvat door sRGB, zult u dit niet tegenkomen.
Browsergedrag 2022-2023
Om kleurprofielen te begrijpen, helpt het om te weten hoe verschillende browsers zich met kleur gedragen. Ik heb vijf browsers voor dit artikel getest om u een idee te geven van wat u kunt verwachten. Voel je vrij om dit in twijfel te trekken als je denkt dat een van deze observaties onjuist is:
Google Chrome
Chrome is een browser met volledig kleurbeheer die sRGB toewijst aan alle 'niet-getagde' afbeeldingen (d.w.z. afbeeldingen zonder ingesloten profielen). Het leest alle ingesloten profielen.
Opera
Opera is een browser met kleurbeheer die automatisch aanneemt dat foto's sRGB zijn als het profiel ontbreekt. Net als Chrome leest het alle profielen, inclusief Adobe RGB of ProPhoto RGB.
Firefox Quantum
U kunt Firefox configureren om sRGB toe te wijzen aan niet-gecodeerde foto's. Het leest alle ingesloten kleurprofielen.
Als u toevallig twee monitoren gebruikt, handhaaft Firefox geen volledig kleurbeheer voor beide. Voor optimale kleuren moet u één monitorprofiel inbellen en vervolgens bij die monitor blijven. Dit is alleen van toepassing als uw monitoren aangepaste profielen hebben.
Microsoft Edge / Internet Explorer
Microsoft Edge heeft een halfbakken oplossing voor kleurbeheer. Het leest verschillende kleurprofielen en converteert alles naar sRGB voor weergave. Het grootste probleem is dat het geen gebruik maakt van het monitorprofiel. Het werkt dus het beste als uw monitor het sRGB-gamma niet overschrijdt. Anders zie je eigenzinnige kleuren.
Safari (voor Windows)
Safari kan profielen in afbeeldingen lezen en gebruikt het monitorprofiel (in tegenstelling tot MS Edge of MS IE), maar het wijst geen profiel toe aan een afbeelding als er een ontbreekt. In die situatie wordt de kleur verkeerd weergegeven, zoals Microsoft Edge doet.
In Photoshop kunt u met "Monitor RGB" -proefkleuren laten zien hoe de foto er in Internet Explorer op uw eigen monitor uitziet. U moet de afbeelding eerst naar sRGB converteren. Als kleuren er helderder uitzien dan zonder proefdrukken, betekent dit dat het oorspronkelijke kleurengamma van uw monitor het sRGB-profiel overschrijdt.
Een tweede experiment is om de proefkleuren van een Adobe RGB- of ProPhoto RGB-afbeelding te bekijken met behulp van "Internet Standard RGB". Dit laat je zien hoe foto's in grotere kleurruimten eruitzien op internet als je het profiel weglaat.
SRGB kiezen voor internet
De reden waarom sRGB een veiligere kleurruimte voor het web is, is dat de meeste beeldschermen of monitoren geen breed kleurengamma hebben. Dus als het profiel verdwaalt of wordt verwijderd, of als een apparaat of app geen kleurbeheer ondersteunt, ziet de kleur er nog steeds goed uit. Dit is waar de browsers van Microsoft op vertrouwen om te werken.
Als u wilt dat de kleur van uw foto's er "oké" uitziet voor een zo breed mogelijk publiek, hoeft u slechts twee dingen te doen:
- Zorg ervoor dat de afbeelding zich in een sRGB-kleurruimte bevindt door deze te gebruiken als uw werkruimte of door deze naar sRGB te converteren voordat u deze naar het web uploadt.
- Sluit het sRGB-profiel in de afbeelding in voordat u het opslaat.
Met "Opslaan voor web" van Photoshop kunt u op het allerlaatste moment naar sRGB converteren door een vakje aan te vinken. Als je het selectievakje niet aanvinkt, wordt de foto opgeslagen in de kleurruimte waarin je hem hebt bewerkt. Je kunt het profiel niet verwijderen met dit selectievakje: het is puur voor conversie.
Andere keuzes: Adobe RGB en ProPhoto RGB
Aangezien de meeste populaire browsers nu kleurvriendelijk zijn, bestaat de mogelijkheid om andere kleurruimten op internet te gebruiken. U kunt bijvoorbeeld foto's publiceren met een ingesloten Adobe RGB- of ProPhoto RGB-profiel, en ze zullen er voor de meeste mensen nog steeds goed uitzien. Voor een minderheid zouden ze er beter uitzien.
De kleur van breedbeeldmonitors overschrijdt doorgaans op sommige plaatsen Adobe RGB. Daarom is er theoretisch een reden om foto's in ProPhoto RGB te publiceren. Dit wordt echter gecompenseerd door de vreselijke kleur die ontstaat wanneer de profielen ontbreken of worden genegeerd. Het is een hoog risico.
Adobe RGB is een interessante prospect voor het web omdat gebruikers van breedbeeldmonitors er nog steeds baat bij hebben. Belangrijk is dat het er niet zo slecht uitziet als ProPhoto RGB als er iets misgaat. Als u echter publiceert in Adobe RGB, doet u dit nog steeds voor een relatief klein publiek.
Als u deze kleurruimten met een groter bereik voor het web gebruikt, absoluut moet embed het profiel. Zodra dat verdwaalt, ziet de kleur in je foto's er voor veel mensen een beetje plat uit. In het geval van ProPhoto RGB ziet het er waarschijnlijk vreselijk uit.
Dit 3D-diagram (hierboven) toont het sRGB-profiel dat wordt omvat door het profiel van een breedbeeldmonitor. In het bijzonder zult u het uitgebreide bereik van cyaan en groen in de laatste opmerken.
Het idee om grotere kleurruimten op internet te gebruiken, is aantrekkelijk, vooral als u een landschapsfotograaf bent voor wie deze kleuren vaak worden afgekapt. Het betekent dat u meer gebruik gaat maken van de mogelijkheden van uw camera. Het is echter inherent riskanter en u speelt voor een relatief klein publiek. De veilige keuze is nog steeds sRGB.
Samengevat
Hoewel moderne browsers flexibeler zijn, is sRGB nog steeds de veiligste kleurruimte voor het web. Nogmaals, dit komt omdat het ongeveer overeenkomt met het gamma van de meeste elektronische beeldschermen. Als u grotere kleurruimten gebruikt, loopt u het risico uw foto's met kleur uit te putten, vooral op tablets of smartphones die mogelijk niet met kleurbeheer worden beheerd.
Ik hoop dat dit enig nut heeft gehad. Stel gerust vragen als u opheldering nodig heeft.