Fråga:
Hur kan jag säkerställa korrekt färgåtergivning med webbläsare på breda skärmar?
Sam
2010-10-11 11:55:20 UTC
view on stackexchange narkive permalink

När du redigerar för webben kommer alla att rekommendera dig att använda sRGB, eftersom många webbläsare inte erbjuder färghantering och de flesta webbläsare tolkar alla bilder som sRGB ändå.

Detta är rätt för webbläsare som används på normala färgskärmar, som själva lever i sRGB.

Ange nu breda färgskärmar. Dessa lever i AdobeRGB-färgutrymme, och till min bestörtning på ett brett spektrum visar webbläsare utan färghantering också bilddata som i AdobeRGB-färgutrymme. Vad händer om sRGB-bilddata tolkas som AdobeRGB? Färgerna är av, för starka, det ser prickigt ut.

Problemet fortsätter till och med när du använder en webbläsare med färghantering som FireFox, men visar bilder utan inbäddad profil: bilderna tolkas som AdobeRGB istället för sRGB.

Kort sagt: eftersom jag fick min breda färgskärm ser flickr hemskt ut.

Några idéer hur jag får mina webbläsare (Internet Explorer och FireFox) att använda sRGB istället för AdobeRGB för färgåtergivning som standard?

Jag använder Windows 7.

Roligt, när jag laddar ner bilderna till den lokala enheten och använder en filvisare för att visa dem, tolkas färgen korrekt som sRGB.

Jag skulle misstänka att Flickr kanske inte inkluderar färgprofilen när den genererar dess mindre storlekar också.
Filerna som innehåller profiler är inte mitt huvudproblem. Mitt största problem är bilderna som inte innehåller någon profil.
@Rowland Flickr ** bevarar ** färgprofilen i ändrade bilder.
Den "roliga sak" du nämner i din sista mening är bara för att bildvisaren behandlar oprofilerade bilder som sRGB och Firefox inte. Se mitt svar på hur man får Firefox att göra det också.
Sju svar:
Mark Whitaker
2011-10-31 15:00:32 UTC
view on stackexchange narkive permalink

Jag har haft exakt samma problem och det är möjligt att nå en korrekt och fungerande lösning . Det finns många missuppfattningar både i frågan och de tidigare svaren (och faktiskt kring färghantering i allmänhet), så låt mig försöka rensa upp dem och ge dig ett svar.

Först, missuppfattningar ...

  1. Vanliga (icke-breda) bildskärmar "lever inte i sRGB", och heller inte breda färgskärmar "lever i AdobeRGB". sRGB och AdobeRGB (tillsammans med ProPhoto RGB) är kända som arbetsprofiler : de matchar ingen verklig enhet, de tillhandahåller bara en standardmätning som alla enheter kan programmeras för att förstå. Varje bildskärm (och varje skrivare) har sin egen profil, och den profilen kan förändras med tiden när kemikalierna i displayen åldras. En enskild skärmsprofil kan ha en stor grad av överlappning med en av de vanliga arbetsprofilerna, men det är fel att säga att den matchar exakt eller till och med passar helt inuti den. Det är ännu mindre korrekt att säga att alla skärmar av en viss typ har profiler som passar in i en av de vanliga arbetsprofilerna.

  2. Du borde ställ aldrig in din skärmsprofil på en av de fungerande profilerna (eftersom det inte är dess profil!). Den rätta lösningen är att använda en kalibreringsenhet för att ta reda på bildskärmens korrekta profil och använda den.

  3. Webbläsare är inte den enda frukten: du vill se till att din skärm är profilerad på ett sådant sätt att andra bildappar (Photoshop, Lightroom, vad som helst) också visar färger troget.

  4. Det finns något du kan göra åt ohanterade bilder i webbläsare (några andra svar har berört det). Jag kommer närmare till det nedan.

En grov guide till hur profiler interagerar när du ser en bild på din bildskärm

I en idealisk värld kommer inte en utan två profiler att spela när du visar en bild . Den första är profilen inbäddad i bilden: låt oss kalla det inmatningsprofilen . Kom ihåg att digitala bilder består av pixlar som alla innehåller en kombination av rött, grönt och blått. Så för en vanlig röd fyrkant är varje pixel inställd på 100% röd, 0% grön, 0% blå. Men vad menar vi med 100% rött? Det är som att se en skylt på vägsidan som säger "Du kan nu köra med maximal hastighet". Vilken maximal hastighet? Så fort bilen går? Skylten säger inte, så den faktiska hastigheten kommer att variera från bil till bil. Vad ingångsprofilen säger oss är vad det 100% värdet är i förhållande till: för en bild taggad med en inbäddad profil vet din dator nu att "100% rött" betyder det maximala röda värdet som definieras av den specifika profilen. (För att slutföra analogin säger vårt vägskylt nu: "Maxgräns 70 km / h. Du kan nu köra maximalt.")

Så när en bild taggats med en inbäddad profil vet vi exakt vad det är vi behöver visa : exakt vilken nyans av rött, gult eller vad som helst. Nästa fråga är: hur visar vi den? Titta på samma bild på några olika datorer (eller bara din dator och din telefon) och du ser att inga två skärmar återger färg i exakt på samma sätt. Det är här vi behöver kalibrera vår bildskärm för att producera en skärmprofil - utmatningsprofilen - som berättar exakt hur denna specifika enhet gör färger. Nu har vi båda informationerna vi behöver:

  • Inmatningsprofil: Vad betyder den här bilden när den står "röd"?
  • Utmatningsprofil: Hur får jag den här hårdvaran att visa (så nära som möjligt) den röda nyansen?

Och tänk om bilden inte är ' t taggade? För alla utom de mest specialiserade att använda är det säkert att anta att en omärkt bild använder sRGB-profilen.

Och nu för att svara på din fråga

Det första steget med vilken bildskärm som helst - men särskilt viktigt med en bred skärmskärm - är att korrekt kalibrera din skärm . Detta kräver att du använder en kalibrator: en hårdvara som sitter över skärmen och tar färgavläsningar medan du visar en rad testbilder för att avgöra vilka färger din bildskärm faktiskt visar. För en bred skärmskärm måste du se till att du använder en lämplig kalibrator: Jag använder en Spyder Pro 3 och den fungerar bra.

När du har kalibrerat din bildskärm bör du hitta att alla färghanterade applikationer nu visar färger troget. Före kalibreringen visade min bredskärmsmonitor allt hypermättat: hudtoner var tomatröda och både Photoshop och Lightroom var oanvändbara. Efter kalibrering såg de båda perfekta ut. Så använd en färghanterad app för att testa din kalibrering.

Och nu till webbläsarna! Firefox är den enda webbläsaren som fungerar bra för mig på en kalibrerad bredspektrumskärm. Som standard använder den den inbäddade färgprofilen i bilder för att visa dem korrekt, men omärkta bilder visas fortfarande övermättade. Men oroa dig inte, allt går inte förlorat!

  • Skriv about: config i adressfältet.
  • Rulla ner och leta efter gfx.color_management.mode .
  • Ändra värdet till 1

Detta får Firefox att behandla alla omärkta bilder som sRGB: exakt vad vi vill ska hända. Det fungerar till och med på ikoner i ditt bokmärkesfält! Tyvärr fungerar det fortfarande inte på flash-videospelare.

Både Safari och Chrome är också färghanterade men båda har sina nackdelar. Safari (åtminstone i Windows) behandlar inte taggade bilder som sRGB; Chrome gör det, men dess färghantering är inaktiverat som standard och besvärligt att slå på.

I skrivande stund har Opera ingen färghantering alls och IE9 är helt enkelt idiotiskt: det respekterar inmatningsprofilen (den inbäddade i bilden) men ignorerar visningens utmatningsprofil! Detta gör IE9 lika bra som värdelös på en bred färgskärm.

Så: kalibrera + använd Firefox + ställ in gfx.color_management.mode till 1 = du är bra. :)

En användbar länk: [KOLLA bilder webbläsare] (http://littlecms2.blogspot.com/2011/06/updated-browser-check-images.html)
sebastien.b
2010-10-11 18:20:36 UTC
view on stackexchange narkive permalink

Detta är förmodligen en liknande fråga som den här: Lightroom-exporten är för mörk i Flickr. Jag har två bredskärmsskärmar (stationär, bärbar dator). Du kanske vill prova nyare versioner av Firefox, men jag skulle inte hålla andan. För ett år sedan gick jag tillbaka & och rapporterade detta i Firefox bug tracker (utgåva 497363 och 509710). Färghantering i Firefox är inte lika lätt som att aktivera ett alternativ faktiskt. ICC-profiler skiljer sig åt i struktur och kapacitet. Några av oss med bredskärmsskärmar märkte att Firefox inte kunde tolka motsvarande ICC-profil korrekt.

Det här problemet kanske försvinner om jag använder ett annat kalibreringsverktyg för att skapa en annan ICC-profil, eller en bildskärm med hårdvara LUT (dvs en som kan kommunicera med ditt kalibreringsverktyg direkt och lagra kalibreringsparametrarna i dess hårdvara). Du kan använda den kostnadsfria ICC-profilinspektören för att leka med din profil och jämföra den med en annan profil som är känd för att fungera. Här är ICC-profilspecifikationen. Nedan finns en skärmdump av min profil, se om det finns något gemensamt med din.

Jag har inte provat någon betaversion av Firefox sedan dess, jag har bara vant mig vid den här frågan. Om du försöker med en nyare version skulle jag gärna höra om den. Lätt inte dina foton och använd inte AdobeRGB i dina Flickr-foton, håll dig alltid till det webbvänliga sRGB-färgutrymmet.

alt text

yaff
2011-10-31 08:27:27 UTC
view on stackexchange narkive permalink

Moderna versioner av Firefox har en inställning för att försöka hantera såväl icke-profilerade som profilerade bilder. Du kan gå in på: config och ändra gfx.color_management.mode till '1'. (Standard är 2.) Lite Googling kan ge en bättre förklaring, men det har hjälpt mig när jag tittar på SmugMug-miniatyrer etc.

Det är fortfarande inte en systemomfattande fix för Win7 övermättade röda , men åtminstone min webbläsare är förnuftig.

"Win7 övermättade röda" är inget att göra med Windows 7, det är en bildskärmsfråga. Du har dock rätt i Firefox-inställningen.
John Cavan
2010-10-11 14:36:38 UTC
view on stackexchange narkive permalink

Jag tror att du inte har tur med IE, även om det kanske kan korrigeras i IE 9. För Firefox, som du redan vet, finns det viss support för profilinformation och du kan få några instruktioner om olika inställningar som kan lindra problemet du har med det. Ditt andra alternativ är att använda Safari som ska vara korrekt färgmedveten.

Det sista alternativet, om du verkligen kan kalla det så, är att byta bildskärm till sRGB-färgutrymmet om det stöder det.

Vår alldeles egna jrista verkar vara färgexperten här, så kanske han kommer att ringa in med antingen en korrigering av fler idéer.

Som jag skrev ovan stöder min FireFox färgprofiler, men problemet kvarstår fortfarande med bilder utan färgprofiler (vilket är ungefär 99% av internet).
Jeff Kohn
2010-10-12 07:44:28 UTC
view on stackexchange narkive permalink

Här är läget för färghantering i Firefox och IE just nu (2010-10-11).

Firefox v3.5.x - stöder full färghantering, men förstår bara ICCv2-profiler . Om din skärmkalibrerings- / profileringsprogramvara stöder skapande av v2-profiler (leta efter ett alternativ någonstans i programinställningarna) bör du kunna få bilder att visas korrekt. Observera att Firefox som standard endast använder färghantering för bilder taggade med en färgprofil. Eftersom det finns många omärkta sRGB-bilder på webben, vill du antagligen konfigurera Firefox för att hantera färg för alla bilder. Det enklaste sättet att göra denna ändring är att använda Color Management-tillägget för Firefox.

FireFox v4 (för närvarande i beta) - FireFox4 stöder äntligen ICCv4-färgprofiler, både för bilder och för din visningsprofil. Nuvarande beta är uppsvällda, buggiga och långsamma, så jag rekommenderar dem inte för allmän användning men åtminstone vet vi att korrekt färghantering är på väg.

Internet Explorer 8.x - ingen färghantering på Allt. zip, nada.

Internet Explorer 9 (för närvarande i beta) - Den offentliga beta har visst begränsat färghanteringsstöd, men det har ingen verklig användning på bredbildskärmar. IE9 (beta) känner igen bilder taggade med andra profiler än sRGB och konverterar dem till sRGB. Tyvärr ignorerar den fullständigt skärmprofilen, vilket innebär att om du har en bredskärmsskärm kommer allt fortfarande att vara övermättat. Om MS kommer att fixa detta beteende, eller om det var ett avsiktligt beslut att förbättra renderingshastigheten, återstår att se. Om någon av er betatestar IE9 föreslår jag att rapportera detta fel så att MS vet att det finns människor som är missnöjda med det.

Sean
2010-10-11 17:56:14 UTC
view on stackexchange narkive permalink

Jag har haft samma problem. Jag tror att du kommer att upptäcka att om du installerar Safari så kommer dina Flickr-bilder att se bra ut eftersom de stöder färgprofiler.

Som jag skrev ovan, även i FireFox som stöder färgprofiler (ja, jag testade det), kvarstår problemet med bilder som inte innehåller färgprofiler (vilket är ungefär 99% av webben).
Medan standard är att endast färghanterade taggade bilder kan Firefox konfigureras för att använda färghantering för alla bilder.
Jag tror inte att "berätta för alla att installera Safari" är en mycket praktisk lösning!
Jag säger inte till alla att installera Safari. Jag har precis märkt att de ser bra ut, inget mer, inget mindre.
Alan
2010-10-11 21:39:21 UTC
view on stackexchange narkive permalink

Tyvärr finns det inget du kan göra som är praktiskt. För att få vad du vill måste du ställa in din systemprofil till sRGB.

Bildfärgernas beteende för bilder utan bifogade profiler är odefinierat. Webbläsare gissar inte vilket färgutrymme en bild är i, om ingen profil är bifogad. Operativsystemet hanterar det.

Det rätta sättet att få färgåtergivning korrekt är att bifoga en profil till bilden. Det är uppenbart att flickr (och smugmug-miniatyrer) inte ger dig det här alternativet.

Så du har två val: ett, ställ in fönster så att du använder sRGB som din skärmprofil; då kommer alla icke-taggade bilder att se ut som sRGB, men taggade bilder kommer att se ut som skit, och din färghantering blir knäpp. (Tips: Detta är ett dåligt val)

Eller ta itu med det faktum att icke-hanterade bilder är djävulen och det finns ingenting du kan göra åt det.

Det finns kanske ett Firefox-plugin som automatiskt kan bifoga en färgprofil, men utanför det är det bara en vanlig gammal sug som kallas färghantering.

Jag har haft att hantera samma fråga med Smugmug. Mina bilder har alla bifogade sRGB-profiler, så de ser bra ut (i färghanterade webbläsare), men miniatyrer ser övermättade ut. Det beror på att tummarna är autogenererade och smugmug vägrar att fästa en färgprofil på dem, eftersom det fördubblar miniatyrens storlek. Så tummen återges på vilket sätt OS bestämmer sig för att göra dem.

Egentligen hittade jag att min skärm (Eizo CG303w) erbjuder en lägesomkopplare som kan användas för att växla mellan AdobeRGB och sRGB, vilket är mycket praktiskt för att surfa.
"För att få vad du vill, måste du ställa in din systemprofil på sRGB." - det är helt fel. Du bör aldrig ställa in din systemprofil på sRGB, du bör profilera din bildskärm med en kalibreringsenhet.
Tyvärr, -1 eftersom nästan allt i det här svaret är felaktigt! Du ** får inte ** ställa in din visningsprofil till sRGB, du ** kan ** bifoga en profil till en bild på Flickr, Firefox ** kan ** göra omärkta bilder som sRGB, och rätt sätt att få färgåtergivning är ** inte ** (bara) för att märka din bild, det är för att profilera din bildskärm! Kort sagt, det finns ** något du kan göra åt det!
Sorry, the first part "setting your monitor to rgb" was bad advice "images will look like sRGB, but other images will look like crap." I should have tagged it as such, but I thought it was implied that it was bad advice. Also, in the setting in firefox, it doesn't say which profile it tags the image as. Third fixing color calibration and setting your firefox browser works great for yourself, but try getting everyone who is going to visit your gallery to do the same. That's the real problem with unmanaged images.


Denna fråga och svar översattes automatiskt från det engelska språket.Det ursprungliga innehållet finns tillgängligt på stackexchange, vilket vi tackar för cc by-sa 2.0-licensen som det distribueras under.
Loading...