Jak mogę zapewnić prawidłowe odwzorowanie kolorów w przeglądarkach na ekranach z szeroką gamą kolorów?


13

Podczas edycji w Internecie wszyscy zalecają korzystanie z sRGB, ponieważ wiele przeglądarek nie oferuje zarządzania kolorami, a większość przeglądarek i tak interpretuje wszystkie obrazy jako sRGB.

Dotyczy to przeglądarek używanych na normalnych ekranach gamut, które same działają w sRGB.

Teraz wejdź w wyświetlacze szerokiej gamy. Te żyją w przestrzeni kolorów AdobeRGB i ku mojemu zdziwieniu w szerokiej gamie przeglądarek bez zarządzania kolorami będą interpretować dane obrazu jako znajdujące się w przestrzeni kolorów AdobeRGB. Co się stanie, jeśli dane obrazu sRGB będą interpretowane jako AdobeRGB? Kolory są wyłączone, zbyt mocne, wygląda krzykliwie.

Problem występuje nawet w przypadku korzystania z przeglądarki z zarządzaniem kolorami, takiej jak FireFox, ale podczas przeglądania zdjęć bez osadzonego profilu: zdjęcia będą interpretowane jako AdobeRGB zamiast sRGB.

Krótko mówiąc: odkąd dostałem mój szeroki ekran flickr wygląda okropnie.

Jakieś pomysły, jak sprawić, by moje przeglądarki (Internet Explorer i FireFox) używały sRGB zamiast AdobeRGB do domyślnego odwzorowywania kolorów?

Korzystam z systemu Windows 7.

Zabawne, że kiedy pobieram obrazy na dysk lokalny i używam przeglądarki plików, aby je wyświetlić, kolor jest poprawnie interpretowany jako sRGB.


Podejrzewam, że Flickr może nie uwzględniać profilu kolorów, gdy generuje również mniejsze rozmiary.
Rowland Shaw,

Pliki zawierające profile nie są moim głównym problemem. Moim głównym problemem są obrazy, które nie zawierają profilu.
Sam

@Rowland Flickr czy zachować profil kolorów w obrazach zmieniany.
Mark Whitaker

Ta „zabawna rzecz”, o której wspomniałeś w ostatnim zdaniu, jest tylko dlatego, że przeglądarka zdjęć traktuje nieprofilowane obrazy jak sRGB, a Firefox nie. Zobacz moją odpowiedź na temat tego, jak skłonić Firefoksa do zrobienia tego.
Mark Whitaker

Odpowiedzi:


-4

Niestety nic nie możesz zrobić, co jest praktyczne. Aby uzyskać to, czego chcesz, musisz ustawić profil systemu na sRGB.

Zachowanie odwzorowania kolorów obrazu dla obrazów bez dołączonych profili jest niezdefiniowane. Przeglądarki nie zgadują, w jakiej przestrzeni kolorów znajduje się obraz, jeśli nie jest dołączony żaden profil. System operacyjny to obsługuje.

Właściwym sposobem prawidłowego odwzorowania kolorów jest dołączenie profilu do obrazu. Oczywiście flickr (i miniatury przemytników) nie dają tej opcji.

Masz więc dwie możliwości: jedną, ustaw Windows tak, aby używał sRGB jako profilu monitora; wtedy wszystkie nieoznaczone zdjęcia będą wyglądały jak sRGB, ale oznaczone zdjęcia będą wyglądać jak bzdury, a twoje zarządzanie kolorami będzie zwariowane.

Lub po prostu poradzić sobie z faktem, że niezarządzane obrazy są diabłem i nic nie możesz na to poradzić .

Być może istnieje wtyczka Firefox, która może automatycznie dołączyć profil kolorów, ale poza tym jest to zwykły stary ssanie, które jest znane jako zarządzanie kolorami.

Musiałem poradzić sobie z tym samym problemem ze Smugmugiem. Wszystkie moje zdjęcia mają dołączone profile sRGB, więc wyglądają świetnie (w przeglądarkach zarządzanych kolorami), ale miniatury wyglądają na przesycone. To dlatego, że kciuki są generowane automatycznie, a przemytnik odmawia dołączenia do nich profilu kolorów, ponieważ podwaja rozmiar miniatury. Tak więc kciuki renderują w dowolny sposób, w jaki system operacyjny zdecyduje się je renderować.


Właściwie zauważyłem, że mój wyświetlacz (Eizo CG303w) oferuje przełącznik trybu, którego można używać do przełączania między AdobeRGB i sRGB, co jest bardzo przydatne do przeglądania.
Sam

„Aby uzyskać to, czego chcesz, musisz ustawić profil systemu na sRGB.” - to całkowicie źle. Nigdy nie należy ustawiać profilu systemu na sRGB, należy profilować monitor przy pomocy urządzenia kalibrującego.
Mark Whitaker

1
Przepraszamy, -1, ponieważ prawie wszystko w tej odpowiedzi jest niepoprawne! Państwo nie może ustawić swój profil wyświetlacz sRGB, to można przymocować profil do zdjęcia na Flickr, Firefox może uczynić bez znaczników obrazy jako sRGB, a właściwy sposób, aby uzyskać odwzorowanie kolorów jest nie (tylko), aby oznaczyć swój wizerunek, to do profiluj swój monitor! Krótko mówiąc, nie jest czymś, co można z tym zrobić!
Mark Whitaker

1
Niestety, pierwsza część „ustawienie monitora na rgb” była złą radą „obrazy będą wyglądały jak sRGB, ale inne będą wyglądały jak bzdury”. Powinienem oznaczyć to jako takie, ale myślałem, że sugerowano, że była to zła rada. Ponadto w ustawieniach Firefoksa nie określa, który profil oznacza obraz jako. Trzecie ustawienie kalibracji kolorów i ustawienie przeglądarki Firefox działa świetnie dla siebie, ale spróbuj zachęcić wszystkich, którzy odwiedzą Twoją galerię, do zrobienia tego samego. To jest prawdziwy problem z niezarządzanymi obrazami.
Alan

17

Miałem dokładnie ten sam problem i możliwe jest znalezienie poprawnego i praktycznego rozwiązania . Istnieje wiele nieporozumień zarówno w pytaniu, jak i poprzednich odpowiedziach (a właściwie ogólnie w zarządzaniu kolorami), więc pozwólcie, że spróbuję je wyjaśnić i udzielić odpowiedzi.

Po pierwsze, nieporozumienia ...

  1. Zwykłe (nieszerokie) monitory nie „żyją w sRGB”, a ekrany szerokiej gamy nie „żyją w AdobeRGB”. sRGB i AdobeRGB (wraz z ProPhoto RGB) są znane jako działające profile : nie pasują do żadnego urządzenia w świecie rzeczywistym, zapewniają jedynie standardowy zestaw pomiarów, które wszystkie urządzenia można zaprogramować do zrozumienia. Każdy monitor (i każda drukarka) ma swój własny profil i rzeczywiście profil ten może się zmieniać w miarę upływu czasu w miarę starzenia się substancji chemicznych w wieku wyświetlania. Profil indywidualnego wyświetlacza może w dużym stopniu pokrywać się ze standardowym profilem roboczym, ale błędne jest twierdzenie, że dokładnie do niego pasuje, a nawet całkowicie się w nim mieści. To'

  2. Nigdy nie należy ustawiać profilu wyświetlacza na jeden z działających profili (ponieważ to nie jest jego profil!). Prawidłowym rozwiązaniem jest użycie urządzenia kalibracyjnego, aby znaleźć prawidłowy profil monitora i użyć go.

  3. Przeglądarki to nie jedyny owoc: chcesz się upewnić, że wyświetlacz jest tak wyprofilowany, aby inne aplikacje do przetwarzania obrazu (Photoshop, Lightroom itp.) Wiernie wyświetlały kolory.

  4. Jest to coś, co można zrobić niezarządzani obrazów w przeglądarkach (kilka innych odpowiedzi nie dotknął na nim). Przyjdę do tego szczegółowo poniżej.

Ogólny przewodnik po profilach podczas oglądania obrazu na monitorze

W idealnym świecie nie ogląda się jednego, ale dwóch profili podczas oglądania obrazu . Pierwszy to profil osadzony w obrazie: nazwijmy to profilem wejściowym . Pamiętaj, że obrazy cyfrowe składają się z pikseli, z których każdy zawiera kombinację czerwieni, zieleni i niebieskiego. Tak więc dla zwykłego czerwonego kwadratu każdy piksel jest ustawiony na 100% czerwonego, 0% zielonego, 0% niebieskiego. Ale co rozumiemy przez 100% czerwonego?To tak, jakby zobaczyć na drodze znak „Możesz teraz jechać z maksymalną prędkością”. Jaka maksymalna prędkość? Tak szybko, jak samochód jedzie? Znak nie mówi, więc rzeczywista prędkość będzie się różnić w zależności od samochodu. Profil wejściowy mówi nam, do czego odnosi się ta 100% wartość: w przypadku obrazu oznaczonego profilem osadzonym komputer wie teraz, że „100% czerwony” oznacza maksymalną wartość czerwieni zdefiniowaną przez ten konkretny profil. (Aby zakończyć analogię, nasz znak drogowy mówi teraz: „Maksymalny limit 70 km / h. Możesz teraz jechać z maksymalną prędkością”).

Tak więc, kiedy obraz zostanie otagowany osadzonym profilem , wiemy dokładnie, co musimy wyświetlić : dokładnie jaki odcień czerwieni, żółci lub cokolwiek innego. Następne pytanie brzmi: jak to wyświetlić? Spójrz na ten sam obraz na kilku różnych komputerach (lub tylko na komputerze i telefonie), a zobaczysz, że żadne dwa wyświetlacze nie odwzorowują kolorów dokładnie w ten sam sposób. W tym miejscu musimy skalibrować nasz monitor, aby uzyskać profil wyświetlania - profil wyjściowy - który mówi nam dokładnie, w jaki sposób to konkretne urządzenie renderuje kolory. Teraz mamy obie potrzebne informacje:

  • Profil wejściowy: Co oznacza ten obraz, gdy jest napisane „czerwony”?
  • Profil wyjściowy: Jak sprawić, aby ten sprzęt wyświetlał (jak najbliżej) ten odcień czerwieni?

A co jeśli obraz nie jest oznaczony? Dla wszystkich oprócz najbardziej specjalistycznych zastosowań można bezpiecznie założyć, że nieoznaczony obraz korzysta z profilu sRGB.

A teraz, aby odpowiedzieć na twoje pytanie

Pierwszym krokiem na dowolnym monitorze - ale szczególnie ważnym z szerokim wyświetlaczem - jest poprawna kalibracja monitora . Wymaga to użycia kalibratora: elementu sprzętowego, który znajduje się nad ekranem i wykonuje odczyty kolorów podczas wyświetlania zakresu obrazów testowych, aby określić, jakie kolory faktycznie wyświetla monitor. Aby wyświetlać szeroką gamę, musisz upewnić się, że używasz odpowiedniego kalibratora: używam Spyder Pro 3 i działa dobrze.

Po skalibrowaniu monitora powinieneś zauważyć, że każda aplikacja z zarządzaniem kolorami wiernie wyświetla kolory. Przed kalibracją mój monitor szerokiej gamy wyświetlał wszystko bardzo nasycone: odcienie skóry były pomidorowo-czerwone, a zarówno Photoshop, jak i Lightroom były bezużyteczne. Po kalibracji oba wyglądały idealnie. Dlatego użyj aplikacji zarządzanej kolorem, aby przetestować swoją kalibrację.

A teraz do przeglądarek! Firefox jest jedyną przeglądarką, która działa dobrze dla mnie na skalibrowanym wyświetlaczu szerokiej gamy. Domyślnie korzysta z osadzonego profilu kolorów w obrazach, aby wyświetlać je poprawnie, ale nieoznaczone obrazy nadal wydają się przesycone. Ale nie martw się, nie wszystko stracone!

  • Wpisz about: config w pasku adresu.
  • Przewiń w dół i poszukaj gfx.color_management.mode .
  • Zmień wartość na 1 .

To powoduje, że Firefox traktuje wszystkie nieoznaczone obrazy jako sRGB : dokładnie to, co chcemy się wydarzyć. Działa nawet na ikonach na pasku zakładek! Niestety nadal nie działa w odtwarzaczach wideo flash.

Zarówno Safari, jak i Chrome są również zarządzane kolorami, ale oba mają swoje wady. Safari (przynajmniej w systemie Windows) nie traktuje nieoznaczonych obrazów jako sRGB; Chrome tak, ale zarządzanie kolorami jest domyślnie wyłączone i niewygodne do włączenia .

Podczas pisania Opera nie ma żadnego zarządzania kolorami, a IE9 jest wręcz idiotyczny: szanuje profil wejściowy (ten osadzony na obrazie), ale ignoruje profil wyjściowy wyświetlania ! To sprawia, że ​​IE9 jest tak samo bezużyteczny na szerokim ekranie.

Więc: skalibruj + użyj Firefoksa + ustaw gfx.color_management.mode na 1 = jesteś dobry. :)



3

Jest to prawdopodobnie podobne pytanie do tego: eksport w Lightroomie jest zbyt ciemny we Flickr . Mam dwa wyświetlacze szerokiej gamy (komputer stacjonarny, laptop). Możesz wypróbować nowsze wersje Firefoksa, ale nie wstrzymałbym się. Rok temu zgłaszałem ten problem w narzędziu do śledzenia błędów Firefoksa (problem 497363 i 509710 ). Zarządzanie kolorami w przeglądarce Firefox nie jest tak łatwe, jak włączenie opcji. Profile ICC różnią się budową i możliwościami. Kilku z nas zauważyło, że Firefox nie mógł poprawnie zinterpretować odpowiedniego profilu ICC.

Być może ten problem zniknie, jeśli użyję innego narzędzia kalibracyjnego do wygenerowania innego profilu ICC lub monitora ze sprzętową LUT (tj. Takiego, który może komunikować się bezpośrednio z twoim narzędziem kalibracyjnym i przechowywać parametry kalibracyjne na swoim sprzęcie). Możesz użyć bezpłatnego Inspektora Profilów ICC, aby bawić się swoim profilem i porównać go z innym profilem, o którym wiadomo, że działa. Oto specyfikacja profilu ICC . Poniżej znajduje się zrzut ekranu mojego profilu, zobacz, czy jest coś wspólnego z twoim.

Od tego czasu nie wypróbowałem żadnej wersji Firefoksa beta, przyzwyczaiłem się do tego problemu. Jeśli spróbujesz nowszej wersji, chciałbym o tym usłyszeć. Nie rozjaśniaj zdjęć i nie używaj AdobeRGB na zdjęciach Flickr, zawsze trzymaj się przyjaznej dla sieci przestrzeni kolorów sRGB.

alternatywny tekst


1

Współczesne wersje Firefoksa mają ustawienie do zarządzania obrazami nieprofilowanymi, a także profilowanymi. Możesz przejść do about: config i zmienić gfx.color_management.mode na „1”. (Domyślnie jest to 2.) Trochę Googlinga może dać lepsze wytłumaczenie, ale pomogło mi podczas przeglądania miniatur SmugMug itp.

Nadal nie jest to ogólnosystemowa poprawka dla nadmiernie nasyconych czerwonych Win7, ale przynajmniej moja przeglądarka jest rozsądna.


„Przesycone czerwone Win7” nie mają nic wspólnego z Windows 7, to problem z monitorem. Ale masz rację co do ustawienia Firefoksa.
Mark Whitaker

0

Wydaje mi się, że nie masz szczęścia z IE, chociaż być może to może zostać poprawione w IE 9. W przeglądarce Firefox, jak już wiesz, istnieje wsparcie dla informacji w profilu i możesz uzyskać instrukcje dotyczące różnych ustawień, które mogą złagodzić problem masz z tym. Inną opcją jest użycie przeglądarki Safari, która ma prawidłowo rozpoznawać kolory.

Ostatnią opcją, jeśli naprawdę można to tak nazwać, jest przełączenie monitora na przestrzeń kolorów sRGB, jeśli jest ona obsługiwana.

Wydaje się, że nasza własna jrista jest tutaj ekspertem od kolorów, więc być może wprowadzi korektę większej liczby pomysłów.


Jak napisałem powyżej, mój FireFox obsługuje profile kolorów, ale problem nadal występuje w przypadku zdjęć bez profili kolorów (co stanowi około 99% internetu).
Sam

0

Oto stan zarządzania kolorami w Firefoksie i IE od teraz (10/11/2010).

Firefox v3.5.x - obsługuje pełne zarządzanie kolorami, ale rozumie tylko profile ICCv2. Jeśli oprogramowanie do kalibracji / profilowania wyświetlania obsługuje tworzenie profili v2 (poszukaj opcji gdzieś w ustawieniach programu), powinieneś mieć możliwość prawidłowego wyświetlania obrazów. Pamiętaj, że domyślnie Firefox używa zarządzania kolorami tylko dla obrazów oznaczonych profilem kolorów. Ponieważ w sieci znajduje się wiele nieoznaczonych obrazów sRGB, prawdopodobnie będziesz chciał skonfigurować Firefoksa do zarządzania kolorem dla wszystkich obrazów. Najłatwiejszym sposobem na dokonanie tej zmiany jest użycie rozszerzenia Zarządzanie kolorami dla przeglądarki Firefox.

FireFox v4 (obecnie w wersji beta) - FireFox4 w końcu będzie obsługiwał profile kolorów ICCv4, zarówno w przypadku obrazów, jak i profilu wyświetlania. Obecne bety są rozdęte, błędne i powolne, więc nie polecam ich do ogólnego użytku, ale przynajmniej wiemy, że nadchodzi właściwe zarządzanie kolorami.

Internet Explorer 8.x - brak zarządzania kolorami. zip, nada.

Internet Explorer 9 (obecnie w wersji beta) - publiczna wersja beta ma ograniczoną obsługę zarządzania kolorami, ale nie ma ona rzeczywistego zastosowania w monitorach szerokiej gamy. IE9 (beta) rozpoznaje obrazy oznaczone profilami innymi niż sRGB i konwertuje je na sRGB. Niestety całkowicie ignoruje profil wyświetlania, co oznacza, że ​​jeśli masz monitor o szerokiej gamie kolorów, wszystko będzie nadal przesycone. To, czy stwardnienie rozsiane naprawi to zachowanie, czy też była to celowa decyzja o poprawieniu szybkości renderowania, dopiero się okaże. Jeśli ktoś z was testuje wersję beta IE9, sugeruję zgłoszenie tego błędu, aby stwardnienie rozsiane wiedziało, że są ludzie, którzy są z tego powodu niezadowoleni.


-1

Miałem ten sam problem. Myślę, że przekonasz się, że jeśli zainstalujesz Safari, twoje zdjęcia Flickr będą dobrze wyglądać, ponieważ obsługują profile kolorów.


Jak napisałem powyżej, nawet w FireFox, który obsługuje profile kolorów (tak, przetestowałem to), problem występuje nadal ze zdjęciami, które nie zawierają profili kolorów (co stanowi około 99% internetu).
Sam

1
Chociaż domyślnie są to tylko oznaczone obrazy oznaczone kolorami, Firefox można skonfigurować do zarządzania kolorami dla wszystkich obrazów.
Jeff Kohn

Nie sądzę, aby „powiedz wszystkim, aby instalowało Safari” to bardzo praktyczne rozwiązanie!
Proszę przeczytać mój profil

Nie mówię wszystkim, aby instalowali Safari. Właśnie zauważyłem, że wyglądają dobrze, nic więcej, nic mniej.
Sean
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.