Slut med dassiga färger på Fotosidan!

Nu har jag fixat en bugg som gjorde att bilder uppladdade direkt till blogginlägg tappade sin EXIF/IPTC-information, så detta blir ett litest testinlägg för att kolla detta.

Nytt på Fotosidan - färgkonvertering

Samtidigt med det så passade jag på att lägga in stöd för färgrymdskonvertering. På webben är rekommendationen att alltid ha bilderna i sRGB, iallafall än så länge tills alla webbläsare hanterar inbäddade färgprofiler korrekt. Alla vet dock inte om det där och laddar upp bilder i färgrymden AdobeRGB, som många systemkameror använder, och färgerna blir då dassigare när en sådan bild visas i en webbläsare som antar det är sRGB.

Du behöver inte göra något speciellt när du laddar upp. Har din bild ingen inbäddad profil (tex om du sparat med Spara för webben) så antas den redan vara i sRGB, men skickar du upp tex en i AdobeRGB med inbäddad profil så konverteras den till sRGB.

Det finns dock för närvarande en möjlighet att stänga av det vid uppladdning till album, om det nu skulle visa sig att någons bilder blir konstiga på grund av detta. Jag har testat med Photoshop och Lightroom-redigerade bilder men det kan ju tänkas finnas något program som skapar något som ställer till problem (vi har stött på detta runt EXIF-data som inte hade lagts in helt enligt standard).

Om färgrymder på webben

På den här sajten finns mycket att läsa om detta med färgrymder och -profiler, och här hittade jag också en mycket bra testbild (Whacked RGB) som gör det mycket lätt att se om webbläsare mm beaktar inbäddade färgprofiler. http://www.gballard.net/psd.html

Här är en bild som konverterats till sRGB vid uppladdningen till Fotosidan:

Här är samma bildfil som inte konverterats, den är kvar i en knasig färgrymd och har en inbäddad profil som justerar den, om nu webbläsaren stödjer profiler.

Ser dom två bildern likadana ut?  Grattis, då har du en modern webbläsare. Är den lila så saknar din webbläsare stöd för färgprofiler. Skiljer det en aning så är stödet inte helt perfekt, av olika anledningar. På sajten jag nämnde ovan finns sidor där man enklare kan se skillnader och läsa om varför.

2012-02-16 15:49   Osquar

Med IE 8 är den undre bilden tok-lila, medan den i Firefox överensstämmer klockrent med den övre bilden. Förstår inte att denna sop-webbläsare Explorer fortfarande existerar!! Borde sitta i en gammal ABC 80-burk!!! Där gör den minst skada...

Tackar för ett upplysande och intressant blogg-inlägg!

/Oscar

ztenlund 2012-02-16 16:14

Nu är det dock så att den inte är lila i IE9, fast den går det bara att uppdatera till om man kör Vista eller nyare. Jag tycker inte heller att IE är så fantastiskt, men så dåligt som somliga vill ha det till är den inte längre. IE8 och IE9 är helt ok, med fördel för den senare.

Dessutom så hjälper det inte med aldrig så mycket färghantering i webbläsaren om det saknas en vettig profil för skärmen, vilket torde vara en vanlig situation hos "gemene surfare"...

Osquar 2012-02-16 16:22

Kan så vara, men likafullt klarar exempelvis Firefox det hela mycket bättre än IE, vid exakt samma förutsättningar beträffande skärmprofiler, kalibreringar, inställningar, what-so-ever.....

Men jag ska jämföra på min burk/skärm hemma i kväll, där det är Windows 7, IE9 samt kalibrerad skärm som gäller (checken ovan gällde kitet på jobbet).

/Oscar

Svar från Christer Lindh 2012-02-16 16:45

Enligt WIkipedia:
"Starting from Firefox 3.5 color management is enabled by default only for tagged images, although support is limited to ICC v2 profiles owing to a change in color management systems from 3.0.Firefox 8.0 has ICC v4 profiles support. Internet Explorer 9 is the first Microsoft browser to partly support ICC profiles, but it does not render images correctly according to the Windows ICC settings (it only converts non-sRGB images to the sRGB profile) and therefore provides no real color management at all. As of 2011, Google Chrome does not support color management by default."

På min Mac visar både IE9 (via Parallells) och Chrome 17 dessa bilder OK, Chrome:s undre bild något blekare än den övre

ztenlund 2012-02-16 17:08

Det stämmer nog att IE9 gör så, men å andra sidan blir det konsekvent. Alla bilder får samma mättnadsökning eller minskning. Med Firefox så blir ju resultatet att den övre och den undre bilden ser olika ut (om man inte råkar ha en skärm som är precis sRGB), åtminstone med standardinställningarna. Jag tycker nog att det är lite pest eller kolera. Det bästa är att ha en skärm som körs i sRGB vid webbsurfning och i princip allt annat än bildredigering för tryck/utskrift e dyl.

Jämförelsen med IE8 ovan är lite märklig eftersom att man då borde köra Fx 3.0 och där är färghanteringen avslagen om man inte går in i about:config. Sedan väljer jag ärligt talat inte webbläsare efter om den har färghantering eller inte. Andra saker känns mer väsentliga för det mesta, men det är förstås bra att färghanteringen sprider sig. Och nej, jag använder inte IE särskilt ofta, men någon salgs nyansering mitt i gallspridandet kan det ändå få vara.

Osquar 2012-02-16 17:20

Färghanteringen är för mig i mitt plåtande resp. bildredigering prio ett. Därav "gallspridning" gällande IE.

/Oscar

2012-02-16 17:31   steffe53

Det var som fan!
Kollade med räven och det funkade kalas där!!
Jag är ju inte så där jädrans intresserad av det tekniska på ett högre plan utan det ska bara funka liksom...och det gjorde det i FF!
Bra å veta...!

Steffe

2012-02-16 17:36   steffe53

Och i Google Chrome blir det lila...hmmmm...ser förskräckligt ut...så konstigt det blivit med olika webbläsare beroende på vad man gör...bloggen funkar bara med Chrome...ska jag logga in på banken så får jag logga in två ggr med IE men slipper det på FF lr Chrome... så beroende på vad jag gör så blir det läsare därefter inget större probs men man undrar ju varför det ska vara så...?

2012-02-16 18:05   Osquar

Okej, just hemkommen och testar med IE9 resp. FF9 på min kalibrerade skärm, och här ger båda webbläsarna god överensstämmelse bildexemplen mellan. Problemet (finns en tråd om det här på FS) som dock kvarstår är att IE ger tydligt rödstick/överdriven rödmättnad jämfört med FF. Här tycks det inte riktigt finnas någon bra förklaring till fenomenet... eller?

/Oscar

2012-02-16 18:31   Christer Lindh

Safari på iPad grejar det inte heller ser jag. Det är som Gary Ballalard säger - för webb är det fortfarande sRGb som gäller helt enkelt. http://goo.gl/HtyDA

Therese Rasmusson 2012-04-01 22:39

Safari på macbook funkar. Iaf på min macbook...

2012-02-19 19:20   Teodor Jonsson

Funkade inge bra me google chrome eller internet explorer 8 möjligen att chrome va lite bättre. Laddade ner firefox o då funkade de helt fantastisk.
Tack för intressant läsning!

/Teodor Jonsson

2012-02-21 17:50   Lars Forslin

Jag kör Windows 7 med kalibrerad och profilerad skärm med stort omfång. I Opera så skiter sig detta förstås, tyvärr för det är en bra webbläsare annars. I Firefox 8 ser det *nästan* bra ut märkligt nog. Hudfärgerna stämmer inte riktigt dock. men i IE9 ser det helt riktigt ut. Lite märkligt för förut har jag tyckt att FF har varit bättre på detta än IE. Finns det några inställningar man ska göra i FF för att få den att fungera perfekt?

Hur menade du att uppladdningen har fungerat hittills? Har inbäddade profiler tagits bort vid den vanliga uppladdningen, eller har de hängt med? Jag frågar därför att jag tycker mig se att vissa bilder, konverterade till sRGB och med inbäddad profil, visas med övermättade färger.

Svar från Christer Lindh 2012-02-21 19:39

Förut hade vi ingen konvertering av färger alls, och profiler har legat kvar (dock inte på bloggbilder). Så laddade man upp en AdobeRGB med profil såg den bra ut för de få som kör en webbläsare med färghantering (de är iofs fler nu än förut, men ändå minoritet), men riktigt risig för de flesta.

Nu konverteras den till sRGB mha den inbäddade profilen, och profilen strippas bort. Jag lägger inte heller på en sRGB-profil, men ev kan det på verka pre-Lion Mac som tydligen inte har sRGB som default färgrymd.

http://www.gballard.net/psd/go_live_page_profile/embeddedJPEGprofiles.html

Man kan ställa in Firefox på två olika sätt, Ballars rekommenderar "1"
http://www.gballard.net/firefox/

Lars Forslin 2012-02-21 21:30

Ja, man tjänar kanske inget på att bädda in en profil eftersom standard väl är att otaggade bilder antas vara sRGB av färghanterande webbläsare. Problemet är att bilder i sRGB kommer att bli övermättade i färgerna på skärmar som har ett omfång nära aRGB, vilket är rätt vanligt numera. Å andra sidan rättar det ju till sig om man använder en färghanterande webbläsare.

2012-04-30 22:34   Kenho

Spännande att ingen av bilderna (hovrade över/klickade) på referenssidan du länkar till inte blir lila i senaste versionen av chrome men här blir bilden lila..

Svar från Christer Lindh 2012-04-30 23:29

Det funkar här också på min Chrome på Mac - version 18.0.1025.165
Har dock inte testat PC.

2012-06-18 20:19   msjolund

Jättelila med senaste Chrome (19.0.1084.56) i Windows.

2012-08-29 20:54   Weronica Lindholm

Super bra blogg!

2012-09-21 16:18   Wolfgang

Bilderna ser exakt lika ut. Jag har sparat dem i Aperture 3 och kollat dem sida vid sida på bildskärmen.
Jag har en iMac med OS x 10.8.1
Mvh
Wolfgang

2012-11-28 17:35   Magge84

I Chrome så visas på ett ställe mer "pixligt" och det ser jag i dom blå, gul och röda runda prickarna just ovanför den "svarta" pojken, och i Safari som jag "aldrig" använder visar dom klockrent, men det är det ENDA jag kan hitta mellan dessa 2 webläsare. Efter jag har hoppat snabbt mellan dom ca 30-40 gånger.

2013-08-07 13:10   Trued

Efter att kaliberat skärmarna med X-Rite ColorMonki så visas numera rätt färger. Kan rekommenderas.

2015-09-23 22:42   Ingvar

I nya Microsoft Edge i Windows 10 funkar det klockrent, ingen skillnad alls! I senaste Google Chrome är det inte full matchning, den undre bilden är en aning mattare i sina färger.