Zarządzanie kolorem w przeglądarkach WWW

Opublikowano: 22 stycznia, 2020

Już nie tylko profesjonalni twórcy stron WWW, ale i zwykli użytkownicy regularnie publikują zdjęcia w sieci – w serwisach aukcyjnych, na blogach, w mediach społecznościowych itp. Jaką mamy jednak gwarancję, że oglądające je osoby widzą odpowiednie kolory? Umieszczając swoje zdjęcia w Internecie, warto wziąć pod uwagę kilka istotnych kwestii. Poniższy artykuł serwuje nieco teorii i omawia zarządzanie kolorem w przeglądarkach, bazując na testach przeprowadzonych przez EIZO.

 

Zarządzanie kolorem w przeglądarce

Najpierw rzućmy okiem na to, jak popularne przeglądarki – Chrome, Firefox, Internet Explorer i Safari – radzą sobie z zarządzaniem kolorem. Przeglądarki te różnią się między sobą, dlatego osoby projektujące strony internetowe często wolą sprawdzić, jak będą się wyświetlały ich treści w każdej z nich.

 

SPIS TREŚCI

Dlaczego kolory wyglądają inaczej w różnych przeglądarkach?
Podstawy zarządzania kolorem
Zarządzanie kolorem w popularnych przeglądarkach
Podsumowanie

Dlaczego kolory wyglądają inaczej w różnych przeglądarkach?

Czasami zdjęcie wyświetlone w przeglądarce wygląda zupełnie inaczej, niż w programie graficznym, w którym je edytowaliśmy – jaskrawe lub wyblakłe kolory, brak płynnych przejść tonalnych, zmienione odcienie… Taka rozbieżność kolorystyczna może przysporzyć sporych problemów, np. jeśli zdjęcia przedstawiają przedmiot wystawiony na sprzedaż, przekłamując jego wygląd.

Są dwie główne przyczyny tego zjawiska:

(1) Dla zdjęcia nie ustawiono odpowiedniego profilu barwnego.

(2) Różne przeglądarki mają różne mechanizmy zarządzania kolorem.

 

Warto więc zrozumieć, jak poszczególne przeglądarki obchodzą się z kolorami, jak również pracować na odpowiednim monitorze, który umożliwia prawidłowe zarządzanie kolorem. Oto kilka zasad, których należy przestrzegać.

 

Podstawy zarządzania kolorem

 

Zawsze osadzaj profil barwny

Dzięki osadzeniu profilu barwnego w pliku przeglądarka otrzymuje informację o docelowej przestrzeni kolorów obrazu. W przypadku grafiki RGB najczęściej używa się uniwersalnego profilu sRGB lub preferowanego przez profesjonalistów profilu Adobe RGB. Pracę z profilami barwnymi umożliwia oprogramowanie z funkcją zarządzania kolorem, np. Adobe Photoshop. Trzeba jednak pamiętać, że różne przeglądarki nie obsługują profili barwnych w ten sam sposób, wobec czego ten sam obraz może wyświetlać się inaczej w przeglądarce Google Chrome, inaczej w Mozilla Firefox, a jeszcze inaczej w Internet Explorer.

Standardową przestrzenią barwną używaną w Internecie jest sRGB – to właśnie za jej pomocą definiowane są kolory w języku CSS stosowanym do tworzenia stron WWW. Dzięki osadzeniu profilu barwnego sRGB w publikowanych grafikach zwiększamy szansę, że będą się prawidłowo wyświetlały w różnych środowiskach.

Korzystaj z profilu monitora

Profil monitora (którego nie należy mylić z profilem barwnym osadzanym w obrazie) to plik zawierający informacje o tym, jak dane urządzenie wyświetla kolory. W przypadku monitorów ColorEdge podczas przeprowadzania kalibracji za pomocą darmowego oprogramowania ColorNavigator odbywa się automatyczna konfiguracja profilu monitora w systemie operacyjnym komputera. Dzięki temu przeglądarki umożliwiające zarządzanie kolorami otrzymują informację nie tylko o profilu barwnym osadzonym w obrazie, ale również o profilu używanego monitora, co pozwala skorygować obraz pod kątem parametrów wyświetlania urządzenia.

 

Zarządzanie kolorem w popularnych przeglądarkach

EIZO przeprowadziło testy, aby sprawdzić, jak wyświetlają się obrazy w różnych przeglądarkach. Wyniki tych testów przedstawia poniższa tabela.

System operacyjny Windows 10 (64-bitowy) macOS Mojave (10.14)
Przeglądarka Chrome Firefox Internet Explorer Safari
Wersja 75.0.3770.90 67.0.2 11.503.17763.0 12.1.1 (14607.2.6.1.1)
(1) Czy przeglądarka obsługuje osadzone profile barwne? Tak Tak Tak Tak
(2) Jak wyświetlają się obrazy bez profilu barwnego? W przestrzeni sRGB W przestrzeni barwnej monitora W przestrzeni sRGB
(3) Czy przeglądarka korzysta z profilu monitora? Tak Tak Nie (rozpoznaje monitor wyłącznie jako sRGB) Tak
(4) Czy przeglądarka korzysta z profilów wszystkich monitorów w konfiguracjach wielomonitorowych? Tak Nie (korzysta wyłącznie z profilu głównego monitora) Nie (korzysta wyłącznie z profilu głównego monitora) Tak

Wyniki wewnętrznych testów EIZO przeprowadzonych w lipcu 2019 roku. Rzeczywiste wyniki mogą być inne w zależności od przyszłych aktualizacji przeglądarek.

 

Chrome / Safari

Przeglądarki Chrome i Safari potrafią prawidłowo wyświetlać obrazy, korzystając z osadzonego profilu barwnego oraz profilu monitora. W przypadku obrazów bez osadzonego profilu barwnego przeglądarka automatycznie stosuje profil sRGB. Taka metoda gwarantuje dużą uniwersalność i niezawodność, aczkolwiek zawsze należy osadzać profil barwny w zamieszczanych grafikach, mając na uwadze, że osoby oglądające nasze obrazy niekoniecznie muszą korzystać z jednej z tych dwóch przeglądarek.

 

Internet Explorer

Przeglądarka Internet Explorer obsługuje profile barwne osadzone w obrazach, ale już nie profile monitora. Tak samo jak w przypadku przeglądarki Firefox, grafiki bez osadzonego profilu barwnego zostają dopasowane do przestrzeni barwnej monitora. W efekcie kolory mogą być zbyt jaskrawe, wyblakłe lub w inny sposób przekłamane. Aby temu zapobiec, należy zawsze osadzać profil barwny w publikowanych grafikach. Ponadto Internet Explorer rozpoznaje wszystkie monitory jako monitory sRGB, niezależnie od ich rzeczywistej przestrzeni kolorów. W związku z tym obrazy nie wyświetlają się prawidłowo na monitorach Adobe RGB.

 

Wskazówka dla osób pracujących w konfiguracjach wielomonitorowych

Jak pokazuje wiersz (4) w tabeli powyżej, w przypadku przeglądarek Firefox i Internet Explorer zarządzanie kolorami działa tylko na głównym monitorze. Niektóre programy do edycji obrazu zachowują się tak samo, dlatego pracując na kilku monitorach należy pamiętać, aby zawsze sprawdzać kolory na monitorze głównym.

 

Podsumowanie

  • Zawsze osadzaj profil barwny w obrazach, aby przeglądarki potrafiły prawidłowo je wyświetlać.
  • Osadzenie uniwersalnego profilu barwnego sRGB pozwala zminimalizować przekłamanie kolorów.
  • Do tworzenia treści na strony internetowe najlepiej nadają się monitory umożliwiające wierną reprodukcję przestrzeni sRGB.

 

Polecany model do tworzenia treści WWW

100% przestrzeni sRGB

Monitor o przekątnej 24,1” z funkcją kalibracji sprzętowej. Współpracuje z autorskim oprogramowaniem EIZO do zarządzania kolorem.

> Strona produktu <