Co powinienem zrobić w związku z profilem kolorów podczas projektowania stron internetowych?

Przeczytałem ten artykuł autorstwa Douga Avery'ego, w którym wyjaśnia on, jak wyłączyć zarządzanie kolorami w programie Adobe Photoshop, oraz artykuł uzupełniający w odpowiedzi na wrzask komentujących go argumentów i wspierających sRGB, chociaż nadal nie jestem przekonany, jaką technikę stosuję powinien mieć zastosowanie w moim osobistym przepływie pracy.
Z tego, co zebrałem podczas czytania artykułu (popraw mnie, jeśli się mylę), właściwym sposobem na poradzenie sobie z tym byłoby zarządzanie przez Photoshopa kolorami jako sRGB i używanie Proof Colours, gdy potrzeba więcej „wierny” podgląd twojej pracy.

W tej chwili mam cały projekt strony internetowej, który został zaprojektowany z wyłączonymi profilami kolorów. Zacząłem to w ten sposób, ponieważ kilka miesięcy temu zauważyłem, że kolory renderowane przez Photoshopa, chociaż poprawnie zgłaszane przez własne narzędzie Kroplomierz Photoshopa , nie odpowiadały mierzone od zrzutu ekranu do tego, co widziałem w Google Chrome podczas otwierania obrazu eksportowanego jako PNG.
Po szybkim wyszukiwaniu natrafiłem na cytowany wcześniej post i zastosowałem jego sugestie na ślepo (nawet nie zauważając kontynuacji ani nie czytając o problemach z nim związanych). Od tamtej pory nie mam żadnych problemów: robię zrzuty ekranu z mojej pracy w Photoshopie i przesyłam je do wykorzystania przez programistę. Widzi te same kolory, które widzę i których używam podczas opracowywania projektu, i nie muszę skakać przez obręcze, aby zobaczyć, co faktycznie robię.

Moje pytania:

• Czy naprawdę konieczne jest użycie sRGB w projektowaniu stron internetowych (rozumiem konsekwencje nieużywania go w czymś takim jak fotografia lub druk), gdy tylko dodaje to więcej pracy, zmuszając Cię do używania Proof Colours ? (Tak to widzę, popraw mnie, jeśli się mylę)

• Ponieważ zapisywanie za pomocą profilu ICC spowoduje, że niektóre przeglądarki poprawnie zastosują profil, a inne go zignorują, artykuł mówi również, że prawdopodobnie najlepszym pomysłem jest po prostu zaprojektowanie przy użyciu sRGB, a następnie zapisanie go bez profilu ICC . Czy nie jest to sprzeczne z celem używania profilu kolorów? Czy też źle interpretuję treść artykułu?

Moja (czasem kontrowersyjna) opinia: ludzie, którzy zalecają używanie sRGB do interfejsu użytkownika i projektowania stron internetowych, są szaleni. Dlatego.

Aby zarządzanie kolorami działało w projektowaniu ekranu, muszą się zdarzyć trzy ważne rzeczy.

1. Obraz musi zostać utworzony przy użyciu prawidłowego przepływu pracy.
2. Obraz musi zostać zapisany z poprawnym profilem kolorów ICC.
3. Obraz musi być wyświetlany poprawnie, zgodnie z profilem obrazu i środowiskiem, w którym jest wyświetlany (przeglądarka i system operacyjny itp.).

Jeśli nie masz wszystkich trzech, zarządzanie kolorami w ogóle nie działa. Posiadanie jednej lub dwóch z tych rzeczy oznacza, że ​​cały łańcuch jest zerwany.

I oto pocieranie: Wszystkie pliki PNG i GIF zapisane w Photoshopie nie mogą mieć profili ICC, więc numer 2 nie jest w większości przypadków możliwy (choć pliki JPEG mogą mieć profile). Wiele przeglądarek nie działa poprawnie, więc w wielu przypadkach numer 3 również jest niedostępny.

Jeśli wyświetlasz zdjęcie w Internecie, najlepszą opcją jest destrukcyjna konwersja do sRGB i osadzenie profilu ICR sRGB i używanie tylko plików JPEG. Jeśli budujesz elementy interfejsu użytkownika, najlepszą opcją jest skonfigurowanie programu Photoshop do kierowania na „urządzenie RGB” (kolory natywne bez profilu lub zarządzania kolorami).

Rada Douga Avery'ego jest dobra. Ważną częścią jego postu jest siatka, której używa do porównywania wszystkich wyników. To, czego szuka, to dopasowanie HTML, CSS i kolorów w obrazach, co jest właściwym celem. Jest to możliwe tylko wtedy, gdy wartości kolorów na obrazach i wartości kolorów używane w HTML / CSS są traktowane w ten sam sposób.

Tutaj napisałem o wiele więcej na ten temat:

Zarządzanie kolorami i projektowanie interfejsu użytkownika

I tutaj sprzeczał się z inżynierem Adobe:

Zapisz dla Internetu, Konwertuj na sRGB powinien być domyślnie wyłączony dla plików PNG i GIF

Czy naprawdę konieczne jest użycie sRGB w projektowaniu stron internetowych (rozumiem konsekwencje nieużywania go w czymś takim jak fotografia lub druk), gdy tylko dodaje to więcej pracy, zmuszając Cię do używania Proof Colours? (Tak to widzę, popraw mnie, jeśli się mylę)

Nie, to nie jest konieczne. W rzeczywistości założenie, że sRGB pomaga wykazać brak zrozumienia tematu. Zdarzają się sytuacje, w których zdecydowanie powinieneś użyć sRGB, ale należy on do pełnego obiegu pracy ze zdjęciami: Musisz użyć obrazów JPEG, użyć sRGB i osadzić profil sRGB. Nie możesz tego zrobić bez zrobienia wszystkiego i nie oczekuj korzyści z zarządzania kolorami.

Jeśli zapisujesz pliki GIF lub PNG z Photoshopa, nigdy nie będziesz mieć profilu ICC na swoich obrazach, więc musisz upewnić się, że skonfigurowany jest przepływ pracy i jak przeglądarki będą traktować obrazy.

Ponieważ zapisywanie za pomocą profilu ICC spowoduje, że niektóre przeglądarki poprawnie zastosują profil, a inne go zignorują, artykuł mówi również, że prawdopodobnie najlepszym pomysłem jest po prostu zaprojektowanie przy użyciu sRGB, a następnie zapisanie go bez profilu ICC. Czy nie jest to sprzeczne z celem używania profilu kolorów? Czy też źle interpretuję treść artykułu?

Weź pod uwagę, że:

• Pliki GIF nie mogą mieć profili ICC.
• Pliki PNG zapisane przez Photoshopa nie mogą mieć profili ICC.
• Pliki PNG mogą mieć profile, ale rzadko są zapisywane razem z nimi.
• Pliki JPEG mogą mieć profile.
• Renderowanie obrazów z profilami w przeglądarce różni się w zależności od przeglądarki.
• Często przyjmuje się, że kolory w HTML i CSS to RGB urządzenia lub sRGB i nie masz nad tym kontroli.

Profile są zdecydowanie potrzebne, jeśli programujesz / projektujesz na Macu.

Jeśli pracuję nad moimi obrazami w Photoshopie jako Adobe RGB lub ProPhoto RGB (2 profile, których używa dobry aparat), wtedy kolory zmieniają się DUŻO, gdy PSD jest zapisywane do Internetu i wyświetlane na komputerze z systemem Windows.

Dla użytkowników komputerów Mac użycie profilu sRGB w plikach WORKING jest potrzebne do utrzymania kolorów na różnych platformach.

Ostatecznie opublikowany plik (zapisz dla Internetu) nie ma profilu, ale używanie sRGB podczas jego tworzenia jest potrzebne na Macu - przynajmniej jest na naszym, jeśli chcesz, aby kolory wyglądały podobnie na Macu i Windowsie.

Chciałbym potwierdzić stwierdzenia tych akapitów:

Z tego, co zebrałem podczas czytania tego artykułu (popraw mnie, jeśli się mylę), właściwym sposobem na poradzenie sobie z tym byłoby posiadanie przez Photoshopa zarządzania kolorami jako sRGB i korzystanie z Proof Colours, gdy potrzeba więcej „wierny” podgląd twojej pracy.

i

Ponieważ zapisywanie za pomocą profilu ICC spowoduje, że niektóre przeglądarki poprawnie zastosują profil, a inne go zignorują, artykuł mówi również, że prawdopodobnie najlepszym pomysłem jest po prostu zaprojektowanie przy użyciu sRGB, a następnie zapisanie go bez profilu ICC. Czy nie jest to sprzeczne z celem używania profilu kolorów? Czy też źle interpretuję treść artykułu?

Rozróżniam środowisko produkcyjne (znane i samokontrolujące) od urządzenia wyjściowego i organizuję przepływ pracy zgodnie z tym, co najlepsze dla zdjęć. Pozwól mi wyjaśnić:

Kiedy otwieram zdjęcia z aparatu cyfrowego, mam możliwość otwarcia ich za pomocą zawartego profilu sRGB. Jeśli otworzę je bez profilu, stracę ważną informację (kolory wyglądają inaczej). Dlatego też zachowuję profil do dalszego przetwarzania. Dzięki zawartemu profilowi ​​Photoshop może dostosować kolory do mojego profilu monitora, do profili, do których mam dostęp w celu uzyskania próbnych kolorów, do mojego profilu drukarki i wszystkich profili, z którymi współpracuje mój kolega.

Jeśli używasz zdjęć w plikach projektu, powinieneś utworzyć puste płótno z dołączonym profilem. A jeśli przekażesz plik projektu, a nie ostateczną grafikę programistom, dobrze jest nadal mieć dołączony profil ...

Zapisuję końcowe pliki bez profilu i wyglądają zgodnie z oczekiwaniami. Dlaczego to jest takie? Myślę, że ponieważ grafika bez profilu jest interpretowana tak, jakby miał do nich dołączony profil sRGB (być może ktoś wie o tym odniesienia).

Zgaduję również, że podczas wykonywania zrzutu ekranu system konwertuje kolory z profilu monitora na sRGB (lub masz bardzo dobry monitor zbliżony do przestrzeni kolorów sRGB).

Odpowiedź na twoje pierwsze pytanie: Jeśli nie używasz sRGB w przepływie pracy, wszystkie używane obrazy z innych przestrzeni kolorów ostatecznie nie będą miały dokładnych, a nawet przyciętych kolorów w Internecie. Większość zdjęć bez profilu, który importujesz lub używasz, da sobie radę, ponieważ są już w odpowiedniej przestrzeni kolorów (np. Standardowa przestrzeń w aparacie).

Drugie pytanie, tak, cel został pokonany, ponieważ korzystanie z profili kolorów nie jest jeszcze zaimplementowane w Internecie w taki sposób, aby można było z nich korzystać. Przeglądarki „oczekują” sRGB, więc nie trzeba ich dołączać, to tylko zwiększa rozmiar plików. Ponieważ wiele przeglądarek nie rozumie profili, nie jest dobrym pomysłem oferowanie obrazów z profilem w, powiedzmy Adobe rgb 1998, ponieważ kolory zostaną przycięte.

Aktualizacja dla Adobe Photoshop CC (2017):

1. Pozostaw domyślną przestrzeń roboczą (North American General Purpose 2)

2. Nie zmieniaj nic innego