Що мені робити щодо кольорового профілю при розробці для Інтернету?

Я прочитав цю статтю Дуга Ейвера, де він пояснює, як відключити управління кольором в Adobe Photoshop, а також наступну статтю у відповідь на збудження коменторів, які сперечаються проти цього та підтримують sRGB, хоча я досі не впевнений у тому, яку техніку я має застосовуватися в моєму особистому робочому процесі.
З того, що я зібрав, читаючи статтю (будь ласка, виправте мене, якщо я помиляюся), правильним способом вирішити це було б, щоб Photoshop керував кольорами як sRGB та використовував Proof Colors, коли потребує більше "вірний" попередній перегляд вашої роботи.

На даний момент у мене є весь проект веб-сайту, який був розроблений із відключеними кольоровими профілями. Я почав з цього шляху, тому що місяці тому я помітив, що кольори, які Photoshop надає, хоча повідомляється правильно власним інструментом Photoshop Eyedropper Tool , не відповідають, коли вимірювати з екрана екрана, тому, що я бачив у Google Chrome при відкритті зображення, експортованого як PNG
Після швидкого пошуку я натрапив на повідомлення, яке я цитував раніше, і застосував його пропозиції сліпо (навіть не помітивши подальших дій і не читаючи про проблеми з ним). З тих пір у мене не було проблем: я знімаю скріншоти своєї роботи в Photoshop і завантажую їх для розробника, щоб ними скористатися. Він бачить ті самі кольори, які я бачу і використовую при розробці дизайну, і мені не потрібно стрибати через обручі, щоб побачити, що я насправді роблю.

Мої запитання:

• Чи справді потрібно використовувати sRGB у веб-дизайні (я розумію, наслідки не використовувати його у чомусь на зразок фотографії чи друку), коли це лише додає більше роботи, змушуючи вас використовувати Proof Colors ? (Ось так я це бачу, будь ласка, виправте мене, якщо я помиляюся)

• Оскільки збереження за допомогою профілю ICC призведе до того, що деякі веб-переглядачі правильно застосовують профіль, а інші ігнорують його, у статті також йдеться про те, що, мабуть, найкраща ідея просто створити дизайн з sRGB, а потім зберегти його без профілю ICC . Хіба це не перешкоджає насамперед використанню кольорового профілю? Або я неправильно трактую те, що говорить стаття?

Моя (іноді суперечлива) думка: Люди, які рекомендують використовувати sRGB для користувальницького інтерфейсу та веб-дизайну, божевільні. Ось чому.

Щоб управління кольором працювало на дизайні екрану, три важливі речі повинні відбутися.

1. Зображення потрібно створити, використовуючи правильний робочий процес.
2. Зображення має бути збережено з правильним кольоровим профілем ICC.
3. Зображення повинно бути відображено правильно, дотримуючись профілю зображення та середовища, в якому воно відображається (браузер та ОС тощо).

Якщо у вас немає всіх трьох, управління кольором взагалі не працює. Якщо мати одну чи дві речі, це означає, що весь ланцюг зламаний.

І ось руб: Усі PNG та GIF, збережені з Photoshop, не можуть мати профілі ICC, тому число 2 неможливо в більшості випадків (JPEG можуть мати профілі). І багато браузерів ведуть себе неправильно, тому число 3 також виходить у багатьох випадках.

Якщо ви показуєте фотографію в Інтернеті, ваш найкращий варіант - деструктивно перетворити на sRGB та вбудувати ICR-sRGB-sRGB і використовувати лише JPEG. Якщо ви будуєте елементи веб-інтерфейсу користувача, то найкращим варіантом є налаштування Photoshop для націлювання на "RGB пристрою" (рідні кольори без профілю та керування кольорами).

Порада Дуга Ейвера хороша. Важливою частиною його допису є сітка, яку він використовує для порівняння всіх результатів. На що він звертається - це відповідність HTML, CSS та кольорів у зображеннях, на що слід прагнути. Це можливо лише в тому випадку, якщо значення кольорів у зображеннях та значення кольорів, які використовуються в HTML / CSS, трактуються однаково.

Я написав набагато більше по темі тут:

Управління кольором та дизайн інтерфейсу

І сперечався рекламний назузіум з інженером Adobe тут:

Зберегти для Інтернету, Перетворення на sRGB має бути вимкнено за замовчуванням для PNG та GIF

Чи справді потрібно використовувати sRGB у веб-дизайні (я розумію, наслідки не використовувати його у чомусь на зразок фотографії чи друку), коли це лише додає більше роботи, змушуючи вас використовувати Proof Colors? (Ось так я це бачу, будь ласка, виправте мене, якщо я помиляюся)

Ні, це не потрібно. Насправді, якщо припустити, що sRGB допомагає, це свідчить про нерозуміння цієї теми. Є ситуації, коли ви обов'язково повинні використовувати sRGB, але він належить до складу цілого потоку фотографій: Вам потрібно використовувати зображення JPEG, використовувати sRGB та вбудовувати профіль sRGB. Ви не можете зробити частину цього, не зробивши все, і не очікуєте користі від управління кольором.

Якщо ви зберігаєте GIF або PNG з Photoshop, ви ніколи не матимете профілю ICC на своїх зображеннях, тому вам потрібно переконатися, що ваш робочий процес налаштований для цього та як браузери будуть обробляти зображення.

Оскільки збереження за допомогою профілю ICC призведе до того, що деякі веб-переглядачі правильно застосовують профіль, а інші ігнорують його, у статті також йдеться про те, що, мабуть, найкраща ідея просто створити sRGB, а потім зберегти його без профілю ICC. Хіба це не перешкоджає насамперед використанню кольорового профілю? Або я неправильно трактую те, що говорить стаття?

Майте на увазі, що:

• GIF не можуть мати профілі ICC.
• PNG, збережені Photoshop, не можуть мати профілі ICC.
• PNG можуть мати профілі, але вони рідко зберігаються разом із ними.
• JPEG можуть мати профілі.
• Відображення браузера зображеннями з профілями відрізняється між браузерами.
• Кольори в HTML і CSS часто вважаються пристроєм RGB або sRGB, і ви не маєте контролю над цим.

Профілі, безумовно, потрібні при розробці / дизайні на Mac.

Якщо я працюю над своїми зображеннями у Photoshop як Adobe RGB або ProPhoto RGB (два профілі, які використовує хороша камера), то кольори зміщуються A LOT, коли PSD зберігається для Інтернету та переглядається на ПК з Windows.

Для користувача Mac для використання кольорів на різних платформах потрібно використовувати sRGB-профіль у файлах WORKING.

Остаточний опублікований файл (окрім збереження для Інтернету) не має профілю, але використання sRGB під час його створення потрібне на Mac - принаймні є у нас, якщо ви хочете, щоб кольори виглядали схоже на Mac та Windows.

Я хотів би підтвердити твердження цих пунктів:

З того, що я зібрав, читаючи статтю (будь ласка, виправте мене, якщо я помиляюся), правильним способом вирішити це було б, щоб Photoshop керував кольорами як sRGB та використовував Proof Colors, коли потребує більше "вірний" попередній перегляд вашої роботи.

і

Оскільки збереження за допомогою профілю ICC призведе до того, що деякі веб-переглядачі правильно застосовують профіль, а інші ігнорують його, у статті також йдеться про те, що, мабуть, найкраща ідея просто створити sRGB, а потім зберегти його без профілю ICC. Хіба це не перешкоджає насамперед використанню кольорового профілю? Або я неправильно трактую те, що говорить стаття?

Я розрізняю виробниче середовище (відоме та самоконтрольоване) та вихідний пристрій, і організую робочий процес відповідно до того, що найкраще для фотографій. Дозволь пояснити:

Коли я відкриваю фотографії зі своєї цифрової камери, у мене є можливість відкрити їх за допомогою профілю sRGB. Якщо я відкрию їх без профілю, я втрачу важливу інформацію (кольори виглядають інакше). Тому я також зберігаю профіль для подальшої обробки. Завдяки профілю, що міститься, Photoshop може адаптувати кольори до мого профілю монітора, до профілів, до яких я отримую доступні кольори, до профілю мого принтера та до всіх профілів, з якими працює мій колега.

Якщо ви використовуєте фотографії у своїх дизайнерських файлах, тоді вам слід створити порожнє полотно із доданим профілем. І якщо ви передаєте дизайнерський файл, а не остаточну графіку розробнику, добре мати профіль додавати ...

Я зберігаю остаточні файли без профілю, і вони виглядають так, як очікувалося. Чому це так? Я думаю, тому що графіка без профілю інтерпретується так, ніби до них додається профіль sRGB (можливо, хтось знає посилання на це).

І я б також здогадався, що коли ви робите знімок екрана, ваша система перетворює кольори з профілю монітора в sRGB (або у вас дуже хороший монітор, близький до кольорового простору sRGB).

Відповідь на ваше перше запитання: Якщо ви не використовуєте sRGB в робочому процесі, всі використані зображення з інших кольорових просторів з часом не матимуть точних або навіть обрізаних кольорів в Інтернеті. Більшість зображень без профілю, який ви імпортуєте чи використовуєте, буде добре, оскільки вони вже знаходяться у потрібному кольоровому просторі (наприклад, стандартному просторі у фотоапаратах).

Друге питання, так, мета переможена, оскільки використання кольорових профілів ще не реалізовано в Інтернеті таким чином, щоб ви могли їх використовувати. Браузери очікують sRGB, тому не потрібно додавати їх, це просто збільшує розмір файлів. Оскільки багато браузерів не розуміють профілі, не годиться пропонувати зображення з профілем, скажімо, Adobe rgb 1998, оскільки кольори будуть обрізані.

Оновлення для Adobe Photoshop CC (2017):

1. Залиште робочий простір за замовчуванням (Загальна ціль Північної Америки 2)

2. Не змінюйте нічого іншого