Mange mennesker har problemer med fargen på bildene sine når de publiserer dem på nettet. Det er flere grunner til at dette kan være slik, men de vanligste synderne er fargen på bildet og hvorvidt profilen er innebygd. Begge fargeinnstillingene kan radikalt påvirke nettleserens farge og hvordan bildene dine ser ut.
La oss se nærmere på noen av de potensielle fallgruvene.
Viktigheten av å legge inn fargeprofilen
Hver gang du redigerer bildene dine i et redigeringsprogram som Photoshop, gjør du det ved å bruke et bestemt RGB-arbeidsfargeområde. For å være sikker på å bevare fargen du ser når du redigerer, må du legge inn profilen før du lagrer bildet.
Enkelt sagt er ICC-profilen en oversetter. Det gjør det mulig for forskjellige apper og enheter å tolke fargen slik du hadde tenkt deg. Hvis du blir vant til å legge profiler inn i bildene dine mens du lagrer dem, reduserer du sjansen for at farger ser gale ut på nettet eller på trykk.
Den rike fargen i dette ProPhoto RGB-bildet vil se bra ut i mange nettlesere til tross for at de ikke er sRGB som normalt anbefales. Hvis det ser dempet ut og drenert av metning for deg, vil det være fordi du ser det i en nettleser som ikke administreres av farger. Ved å legge profilen inn, har jeg gitt den den beste sjansen til å se som ment for de fleste mennesker. På en bredspektret skjerm vil fargene dukke opp litt mer.
Innbygging av profilen i et bilde gir omtrent 3-4 kB til filstørrelsen, så den eneste gangen det er fornuftig å ekskludere den er når du laster opp store mengder bilder til Internett.
Hvis du må la profilen være ute, vil du sørge for at bildet er i sRGB-fargearealet begrense eventuelle skader. To eller tre av de mer populære nettleserne vil fremdeles vise fargen trofast fordi de gjetter profilen automatisk riktig (dvs. sRGB).
Selv om de fleste nettlesere har forbedret fargehåndteringen nylig, er det fortsatt god praksis å legge profilen inn. Ikke la det være uten god grunn.
Fordi profilen har blitt utelatt av det samme ProPhoto RGB-bildet, vil lysstyrken og fargen se forferdelig ut i de fleste nettlesere og på de fleste skjermer. Derimot vil en manglende profil for en sRGB-fil ikke kunne oppdages for et stort antall mennesker.
Hvordan bygge profilen
Å legge profilen inn i bilder er vanligvis bare et tilfelle å merke av i en rute når du eksporterer bildet. Hvis et slikt alternativ ikke eksisterer, vil standardverdien enten være det forhåndsdefinerte arbeidsområdet til programmet, eller det vil være sRGB for nettspesifikk utdata.
Hvis du vil sjekke fargen på nettbildene dine før du publiserer, åpner du dem direkte i en nettleser (helst en pålitelig som Chrome) og ser hvordan de sammenlignes med originalen i fotoredigeringsprogrammet. Vær litt forsiktig med å laste opp bilder til plattformer som fjerner profilen, selv om disse vanligvis ikke vil være fotogallerisider.
Innbygging eller stripping av profiler krever vanligvis bare at du merker av eller fjerner merket for en rute når du lagrer. Dette er "lagre som" -ruten i Photoshop.
Konvertering til profil
Du kan bruke "konvertere til profil" i Photoshop for å lage et sRGB-bilde, som er det sikreste fargevalget for nettet. Pass på at du ikke overskriver originalfilen og lagrer den på denne måten, fordi større fargearealer er et bedre valg for utskrifter som blekkskriver.
Ikke bruk "tildel profil" for profilkonvertering, da det forårsaker fargeskift og ikke er ment for dette formålet.
Bruk av "tildel profil" i Photoshop for å konvertere mellom profiler vil føre til fargeskift. Fargen på høyre bilde over har gått flatt som et resultat av å tildele en sRGB-profil til et Adobe RGB-bilde. Du må bruke "konverter til profil" hvis du vil lage en sRGB-versjon av bildet ditt på nettet.
Hvorfor Monitor Gamut Matters
Fargehåndtering trenger minst to profiler for å fungere (bildeprofil og skjermprofil i dette tilfellet). Hvis du publiserer bilder uten innebygde profiler, stoler du på seerens nettleser for å gjette fargen på riktig måte.
Når fargestyring ikke er tilgjengelig i nettleseren eller appen, uansett årsak, gjelder følgende utsagn:
- Et Adobe RGB-bilde ser omtrent riktig ut på en bredspektret skjerm.
- Et Adobe RGB-bilde ser dempet ut i farger på en standard fargeskjerm.
- sRGB-bilder ser omtrent riktig ut på en standard fargeskjerm.
- Et sRGB-bilde ser overmettet ut i farger på en bredspektret skjerm.
Vær oppmerksom på at et Adobe RGB-bilde uten innebygd profil ser dempet ut i de fleste situasjoner og må unngås. Nettlesere vil gjette fargeområdet som skal være sRGB hvis de i det hele tatt gjetter.
Grafen over viser forskjellen mellom en Dell-skjerm (farget omriss) og sRGB-profilen (stiplet omriss) med standardspekter. Selv på en vanlig stasjonær skjerm, er det sannsynlig at noen farger vil overstige sRGB-fargerommet og se for mettet ut når de vises i Microsoft-nettlesere.
På skjermen over er det røde som er mest overdrevne i den situasjonen. Hvis du ikke har profilert skjermen, eller hvis fargespekteret på skjermen er inneholdt av sRGB, vil du ikke støte på dette.
Nettleseroppførsel 2022-2023
For å forstå fargeprofiler hjelper det å vite hvordan forskjellige nettlesere oppfører seg med farger. Jeg testet fem nettlesere for denne artikkelen for å gi deg en ide om hva du kan forvente. Spør gjerne dette hvis du mener noen av disse observasjonene er feil:
Google Chrome
Chrome er en fullstendig fargestyrt nettleser som tildeler sRGB til alle "umerkede" bilder (dvs. de uten innebygde profiler). Den leser alle innebygde profiler.
Opera
Opera er en fargestyrt nettleser som automatisk antar at bilder er sRGB hvis profilen mangler. I likhet med Chrome leser den alle profiler, inkludert Adobe RGB eller ProPhoto RGB.
Firefox Quantum
Du kan konfigurere Firefox til å tilordne sRGB til ethvert umerket bilde. Den leser alle innebygde fargeprofiler.
Hvis du tilfeldigvis kjører to skjermer, opprettholder ikke Firefox full fargestyring på tvers av dem begge. For å få optimal farge, må du ringe inn en skjermprofil og deretter holde deg til skjermen. Dette gjelder bare hvis skjermene dine har tilpassede profiler.
Microsoft Edge / Internet Explorer
Microsoft Edge har en halvstekt løsning på fargestyring. Den leser forskjellige fargeprofiler og konverterer alt til sRGB for visning. Hovedproblemet er at det ikke bruker skjermprofilen. Dermed fungerer det best hvis skjermen ikke overskrider sRGB i fargespekter. Ellers ser du villfarne farger.
Safari (for Windows)
Safari kan lese profiler i bilder og bruker skjermprofilen (i motsetning til MS Edge eller MS IE), men den tildeler ikke en profil til et bilde hvis en mangler. I den situasjonen viser den feil feil som Microsoft Edge gjør.
I Photoshop kan du bruke “Monitor RGB” -sikre farger for å vise deg hvordan bildet vil se ut i Internet Explorer på din egen skjerm. Du må først konvertere bildet til sRGB. Hvis farger ser lysere ut enn de gjør uten korrektur, betyr det at skjermens opprinnelige fargeskala overskrider sRGB-profilen.
Et annet eksperiment er å vise korrekturfargene til et Adobe RGB- eller ProPhoto RGB-bilde ved hjelp av "Internet Standard RGB". Dette vil vise deg hvordan bilder i større fargerom ser ut på internett hvis du utelater profilen.
Velge sRGB for Internett
Årsaken til at sRGB er et sikrere valg av fargerom på nettet, er at de fleste skjermer eller skjermer ikke har bredt spekter. Dermed, hvis profilen kommer på avveie eller blir fjernet, eller hvis en enhet eller app ikke støtter fargehåndtering, vil fargen fortsatt se bra ut. Dette er hva Microsofts nettlesere stoler på for å fungere.
Hvis du vil at fargen på bildene dine skal se “ok” ut for et bredest mulig publikum, trenger du bare å gjøre to ting:
- Forsikre deg om at bildet er i et sRGB-fargerom, enten ved å bruke det som arbeidsområde eller ved å konvertere til sRGB før du laster det opp på nettet.
- Legge inn sRGB-profilen i bildet før du lagrer det.
Photoshops "Save for Web" lar deg konvertere til sRGB i aller siste øyeblikk ved å merke av i en rute. Hvis du ikke merker av for ruten, blir bildet lagret i hvilken fargeplass du redigerte den i. Du kan ikke fjerne profilen med denne avmerkingsboksen: den er kun for konvertering.
Andre valg: Adobe RGB og ProPhoto RGB
Siden de fleste populære nettlesere nå er fargekyndige, eksisterer muligheten for å bruke andre fargerom på nettet. Du kan for eksempel publisere bilder med en Adobe RGB- eller ProPhoto RGB-profil innebygd, og de vil fremdeles se bra ut for de fleste. For et mindretall ville de se bedre ut.
Fargen på bredspektrede skjermer overstiger vanligvis Adobe RGB steder. Derfor er det teoretisk en grunn til å publisere bilder i ProPhoto RGB. Dette blir imidlertid oppveid av den dystre fargen som oppstår når profilene mangler eller ignoreres. Det er høy risiko.
Adobe RGB er et interessant prospekt på nettet fordi det fremdeles er til fordel for brukere av bredspektrede skjermer. Det er viktig at det ikke ser så ille ut som ProPhoto RGB når ting går galt. Imidlertid, hvis du publiserer i Adobe RGB, vil du fortsatt gjøre det for et relativt lite publikum.
Hvis du bruker disse bredere fargeplassene på nettet, absolutt må legge inn profilen. Så snart det kommer på avveie, vil fargen på bildene dine se litt flate ut for mange mennesker. Når det gjelder ProPhoto RGB, vil det sannsynligvis se forferdelig ut.
Dette 3D-diagrammet (over) viser sRGB-profilen som omfattes av profilen til en bredspektret skjerm. Spesielt vil du merke det utvidede utvalget av cyaner og greener i sistnevnte.
Ideen om å bruke større fargerom på nettet er tiltalende, spesielt hvis du er en landskapsfotograf som disse fargene ofte blir avkortet for. Det betyr at du vil bruke mer av kameraets funksjoner. Imidlertid er det iboende risikabelt, og du spiller for et relativt lite publikum. Det trygge valget er fortsatt sRGB.
Oppsummert
Selv om moderne nettlesere er mer fleksible, er sRGB fortsatt det sikreste valget av fargerom på nettet. Igjen, dette er fordi det omtrent samsvarer med omfanget til de fleste elektroniske skjermer. Hvis du bruker større fargerom, risikerer du å tømme bilder av farger, spesielt på nettbrett eller smarttelefoner som kanskje ikke fargestyres.
Jeg håper dette har vært til nytte. Still gjerne spørsmål hvis du trenger noen avklaring.