Många människor har problem med färgen på sina bilder när de publicerar dem på nätet. Det finns flera anledningar till varför det kan vara så, men de vanligaste orsakerna är bildens färgrymd och om profilen är inbäddad eller inte. Båda färginställningarna kan radikalt påverka webbläsarens färg och hur dina foton ser ut.
Låt oss titta närmare på några av de potentiella fallgroparna.
Vikten av att bädda in färgprofilen
När du redigerar dina foton i ett redigeringsprogram som Photoshop, gör du det med en specifik RGB-arbetsfärgrymd. För att vara säker på att bevara färgen du ser när du redigerar måste du bädda in profilen innan du sparar bilden.
Enkelt uttryckt är ICC-profilen en översättare. Det gör det möjligt för olika appar och enheter att tolka färgen som du tänkt dig. Om du tar för vana att bädda in profiler i dina bilder när du sparar dem, minskar du chansen att färgen ser fel ut på webben eller i tryck.
Den rika färgen i denna ProPhoto RGB-bild kommer att se okej ut i många webbläsare trots att den inte är sRGB som normalt rekommenderas. Om den ser dämpad och dränerad av mättnad ut för dig beror det på att du tittar på den i en icke-färghanterad webbläsare. Genom att bädda in profilen har jag gett den den bästa chansen att se ut som det är tänkt för de flesta människor. På en skärm med bred skala kommer färgerna att poppa lite mer.
Att bädda in profilen i en bild lägger till cirka 3-4 kB till filstorleken, så den enda gången det är vettigt att utesluta den är när du laddar upp stora mängder foton till Internet.
Om du måste lämna profilen ute, kommer att se till att bilden är i sRGB-färgrymden begränsa eventuell skada. Två eller tre av de mer populära webbläsarna kommer fortfarande att visa färgen troget eftersom de automatiskt gissar profilen korrekt (dvs. sRGB).
Även om de flesta webbläsare har förbättrat sin hantering av färg nyligen, är det fortfarande bra att bädda in profilen. Lämna det inte utan goda skäl.
Eftersom profilen har utelämnats från samma ProPhoto RGB-bild kommer ljusstyrkan och färgen att se hemsk ut i de flesta webbläsare och på de flesta bildskärmar. Däremot skulle en saknad profil för en sRGB-fil vara omöjlig att upptäcka för ett stort antal personer.
Hur man bäddar in profilen
Att bädda in profilen i bilder är vanligtvis bara ett fall av att markera en ruta när du exporterar fotot. Om ett sådant alternativ inte finns kommer standard antingen att vara programmets fördefinierade arbetsutrymme, eller så kommer det att vara sRGB för webbspecifik utdata.
Om du vill kontrollera färgen på dina webbbilder innan du publicerar dem, öppna dem direkt i en webbläsare (helst en pålitlig sådan som Chrome) och se hur de står sig jämfört med originalet i ditt fotoredigeringsprogram. Var lite försiktig med att ladda upp bilder till plattformar som tar bort profilen, även om dessa vanligtvis inte är fotogallerisajter.
Att bädda in eller ta bort profiler kräver vanligtvis bara att du markerar eller avmarkerar en ruta när du sparar. Det här är "spara som"-rutan i Photoshop.
Konverterar till profil
Du kan använda "konvertera till profil" i Photoshop för att skapa en sRGB-bild, vilket är det säkraste färgrymdsvalet för webben. Se till att inte skriva över originalfilen och spara den på det här sättet, eftersom större färgrymder är ett bättre val för utskrifter som bläckstråleutskrift.
Använd inte "tilldela profil" för profilkonvertering, eftersom det orsakar en färgförskjutning och inte är avsedd för detta ändamål.
Att använda "tilldela profil" i Photoshop för att konvertera mellan profiler kommer att orsaka en färgförskjutning. Färgen i den högra bilden ovan har blivit platt som ett resultat av att en sRGB-profil tilldelats en Adobe RGB-bild. Du måste använda "konvertera till profil" om du vill skapa en sRGB-version av ditt foto för webben.
Varför är det viktigt att övervaka omfånget
Färghantering kräver minst två profiler för att fungera (bildprofil och bildskärmsprofil i detta fall). Om du publicerar bilder utan profiler inbäddade litar du på att tittarens webbläsare gissar färgrymden korrekt.
När färghantering saknas i webbläsaren eller appen av någon anledning, är följande påståenden sanna:
- En Adobe RGB-bild ser ungefär korrekt ut på en skärm med bred skala.
- En Adobe RGB-bild ser dämpad ut i färg på en skärm med standardomfång.
- sRGB-bilder ser ungefär korrekta ut på en standardskärm.
- En sRGB-bild ser övermättad ut i färg på en skärm med bred skala.
Observera att en Adobe RGB-bild utan en inbäddad profil ser tyst ut i de flesta situationer och måste undvikas. Webbläsare gissar färgrymden till sRGB om de alls gissar.
Grafen ovan visar skillnaden mellan en Dell-skärm med standardomfång (färgad kontur) och sRGB-profilen (prickad kontur). Även på en vanlig skrivbordsskärm är det ganska troligt att vissa färger överskrider sRGB-färgrymden och ser för mättade ut när de visas i Microsofts webbläsare.
I monitorn ovan är det röda som är mest överdrivna i den situationen. Om du inte har profilerat din bildskärm eller om skärmens omfång innehåller sRGB kommer du inte att stöta på detta.
Webbläsarbeteende 2018
För att förstå färgprofiler hjälper det att veta hur olika webbläsare beter sig med färg. Jag testade fem webbläsare för den här artikeln för att ge dig en uppfattning om vad du kan förvänta dig. Fråga gärna detta om du tycker att någon av dessa observationer är felaktiga:
Google Chrome
Chrome är en helt färghanterad webbläsare som tilldelar sRGB till alla "otaggade" bilder (dvs de utan profiler inbäddade). Den läser alla inbäddade profiler.
Opera
Opera är en färghanterad webbläsare som automatiskt antar att foton är sRGB om profilen saknas. Precis som Chrome läser den alla profiler, inklusive Adobe RGB eller ProPhoto RGB.
Firefox Quantum
Du kan konfigurera Firefox för att tilldela sRGB till alla otaggade foton. Den läser alla inbäddade färgprofiler.
Om du råkar köra två bildskärmar, upprätthåller inte Firefox fullfärgshantering över dem båda. För optimal färg måste du slå in en bildskärmsprofil och sedan hålla dig till den bildskärmen. Detta gäller endast om dina bildskärmar har anpassade profiler.
Microsoft Edge/Internet Explorer
Microsoft Edge har en halvdan lösning för färghantering. Den läser olika färgprofiler och konverterar allt till sRGB för visning. Huvudproblemet är att den inte använder monitorprofilen. Därför fungerar det bäst om din bildskärm inte överskrider sRGB i omfång. Annars kommer du att se egensinniga färger.
Safari (för Windows)
Safari kan läsa profiler i bilder och använder bildskärmsprofilen (till skillnad från MS Edge eller MS IE), men den tilldelar inte en profil till en bild om en saknas. I den situationen visar den färg felaktigt som Microsoft Edge gör.
I Photoshop kan du använda "Monitor RGB"-säkra färger för att visa hur bilden kommer att se ut i Internet Explorer på din egen bildskärm. Du måste konvertera bilden till sRGB först. Om färgerna ser ljusare ut än de gör utan korrektur, betyder det att din bildskärms inbyggda omfång överstiger sRGB-profilen.
Ett andra experiment är att se provfärgerna för en Adobe RGB- eller ProPhoto RGB-bild med hjälp av "Internet Standard RGB". Detta kommer att visa dig hur foton i större färgrymder ser ut på internet om du utelämnar profilen.
Välja sRGB för webben
Anledningen till att sRGB är ett säkrare val av färgrymd för webben är att de flesta skärmar eller bildskärmar inte är breda. Således, om profilen går vilse eller tas bort, eller om en enhet eller app inte stöder färghantering, kommer färgen fortfarande att se okej ut. Detta är vad Microsofts webbläsare förlitar sig på för att fungera.
Om du vill att färgen på dina foton ska se "okej" ut för största möjliga publik behöver du bara göra två saker:
- Se till att bilden är i en sRGB-färgrymd antingen genom att använda den som arbetsyta eller genom att konvertera till sRGB innan du laddar upp den till webben.
- Bädda in sRGB-profilen i bilden innan du sparar.
Photoshops "Spara för webben" låter dig konvertera till sRGB i sista stund genom att markera en ruta. Om du lämnar rutan omarkerad sparas fotot i vilken färgrymd du än har redigerat det i. Du kan inte ta bort profilen med den här kryssrutan:den är enbart för konvertering.
Andra val:Adobe RGB och ProPhoto RGB
Eftersom de flesta populära webbläsarna nu är färgkunniga, finns möjligheten att använda andra färgrymder på webben. Du kan till exempel publicera foton med en Adobe RGB- eller ProPhoto RGB-profil inbäddad, och de skulle fortfarande se bra ut för de flesta. För en minoritet skulle de se bättre ut.
Färgen på skärmar med bred skala överstiger vanligtvis Adobe RGB på vissa ställen. Därför finns det teoretiskt en anledning till att publicera bilder i ProPhoto RGB. Detta kompenseras dock av den hemska färgen som uppstår när profilerna saknas eller ignoreras. Det är hög risk.
Adobe RGB är ett intressant perspektiv för webben eftersom det fortfarande gynnar användare av breda skärmar. Viktigt är att det inte ser lika illa ut som ProPhoto RGB när saker går fel. Men om du publicerar i Adobe RGB kommer du fortfarande att göra det för en relativt liten publik.
Om du använder dessa bredare färgrymder för webben, måste du absolut bädda in profilen. Så fort det kommer på avvägar kommer färgen på dina bilder att se lite platt ut för många människor. När det gäller ProPhoto RGB kommer det sannolikt att se hemskt ut.
Detta 3D-diagram (ovan) visar sRGB-profilen som omfattas av profilen för en monitor med bred skala. I synnerhet kommer du att notera det utökade utbudet av cyaner och gröna i den senare.
Idén med att använda större färgrymder på webben är tilltalande, särskilt om du är en landskapsfotograf för vilken dessa färger ofta är trunkerade. Det betyder att du kommer att använda mer av din kameras funktioner. Men det är i sig mer riskfyllt och du kommer att spela för en relativt liten publik. Det säkra valet är fortfarande sRGB.
I sammanfattning
Även om moderna webbläsare är mer flexibla är sRGB fortfarande det säkraste valet av färgrymd för webben. Återigen, detta beror på att den ungefär matchar skalan för de flesta elektroniska skärmar. Att använda större färgrymder riskerar att tappa färg på dina foton, särskilt på surfplattor eller smartphones som kanske inte är färghanterade.
Jag hoppas att detta har varit till någon nytta. Ställ gärna frågor om du behöver förtydliganden.