Ділан Голдбі (Dylan Goldby)
Управління кольором є постійною проблемою для фотографів, фахівців з комп'ютерної графіки та відеооператорів. Ми витрачаємо гроші на відмінні монітори, а після цього дізнаємося, що їх потрібно калібрувати, так само як і наші пристрої введення, і наші пристрої виведення. Деякі з нас навіть вибирають монітори з розширеним колірним охопленням, розроблені спеціально для тих, хто працює в сфері цифрового мистецтва, що дозволяють нам регулювати яскравість, колір і контраст, як ми робимо це з зображенням. Це додає ще одну, трохи більше підступну потенційну проблему: управління кольором в наших веб-браузерах.
Багато з нас, використовуючи комп'ютери для обробки нашої фотографії або відео, часто використовують для роботи широкі колірні простору, такі як AdobeRGB або ProPhoto RGB, так як ми вважаємо за краще тримати наші робочі файли в максимально можливо високій якості, навіть на вихід вони підуть в просторі малого розміру, такому як sRGB. Ми використовуємо наші відкалібровані монітори з широким колірним охопленням, такі як серія Dell UltraSharp і Eizo ColorEdge для гарантії того, що те, що ми бачимо, - це саме те, що в результаті покине нашу студію. Ми калібруємо кожен свій крок, за винятком інтернет-браузерів.
Річ у тім, розробники веб-браузерів працюють для широких мас, які, в основному, не знають про управління кольором або його наслідки - і, відверто кажучи, їм це особливо і не потрібно. Для більшості користувачів це не проблема. Більшість комерційних моніторів працюють в колірному просторі sRGB, яке, таким чином, є де-факто колірним простором за замовчуванням для всієї мережі. Таким чином, вони відмінно підходять один з одного.
Більшість браузерів можуть читати ICC-профіль, вбудований в зображення, а потім зробити необхідний переклад в колірний простір вашого монітора. Проблема виникає, коли ми видаляємо ICC-профіль з файлу JPEG або PNG, що часто робиться для зменшення розміру файлу. Через відсутність профілю ICC більшість браузерів будуть відображати зображення безпосередньо в колірному просторі вашого монітора, що не адаптуючи вихідні колірні дані. Результатом цього може бути спотворення насиченості, контрастності і кольору.
Зелений трикутник - це колірне покриття sRGB, фіолетовий - AdobeRGB, а червоний - мій Dell UltraSharp U2410. Як ви можете бачити, якщо зображення sRGB просто розтягнути в колірний простір монітора, кольори будуть трохи спотворені.
Моя історія
Багато моїх клієнтів живуть в Південно-Східній Азії. Це означає, що для деяких з них їх інтернет з'єднання аж ніяк не неймовірно швидко, тому я використав Kraken Image Optimizer, щоб зменшити розмір всіх файлів JPEG на моєму сайті. Можливість завантажувати сторінки швидше здавалася мені істотним плюсом, тому я пішов далі і запустив інструмент для всіх зображень на своєму сайті. Я отримав від 10 до 50 відсотків скорочення в розмірах файлів, і мої сторінки стали завантажуватися набагато швидше.
Потім я дещо помітив. На моєму моніторі Dell U2410 (який встановлений в режим AdobeRGB і відкалібрований за допомогою Spyder 4) всі червоні і пурпурові кольори на моїх зображеннях стали набагато більш насиченою, а в деяких випадках значно збільшився контраст. Спочатку я вирішив відпочити від екрану, думаючи, що мої очі втомилися. Я подумав, що проблема може бути в обладнанні і провів ручне тестування. Я не знайшов зсуву кольору. Я подивився на своєму телефоні. Немає зсуву кольору. Я спробував свій ноутбук. Немає зсуву кольору. Комп'ютер моєї дружини? Немає зсуву кольору. Потім я відкрив сторінку в інших браузерах. Той же колірне зрушення. Нарешті, я перемістив вікно браузера на другий, дешевий монітор, і не побачив жодного зрушення кольору.
Верхнє вихідне зображення відображено так, як воно повинно відображатися, а нижня - таким, яким воно відображається в AdobeRGB без конвертації.
Насправді, чи має це значення?
Я хвилювався, що мої клієнти побачать гіпернасищенние версії моїх зображень і що це негативно вплине на мій бізнес. Потім я подумав: скільки насправді моніторів з розширеним охопленням є в світі? Хто їх використовує? Більшість моніторів на ринку покривають тільки частину sRGB, причому краще покриття покриває 99-100 відсотків квітів, доступних в цьому просторі. Екрани мобільних пристроїв, екрани ноутбуків і переважна більшість споживчих екранів обмежені цим простором. Сподіваюся, це ніколи не стане проблемою для кого-то з моїх клієнтів.
Можливі рішення проблеми
Перше рішення локалізоване, воно застосовується лише до того браузеру, в якому ви його використовуйте. До недавнього часу у двох основних браузерів, Google Chrome і Mozilla Firefox були варіанти форсування конвертації зображень в кольори монітора перед їх відображенням. Тепер це працює тільки в Firefox, і навіть там цей тип управління кольором не включений за замовчуванням. Таким чином, для тих, хто використовує монітор з широким колірним охопленням і кому потрібна точна передача кольору для всіх зображень в Інтернеті, тепер доступний тільки один браузер.
Другим рішенням є збереження профілю ICC. У розмові з людьми з Kraken про цю проблему, вони запевнили мене, що вона майже усунута. У наступній версії їх плагіна до WordPress будуть опції для видалення або збереження певних частин файлів, з якими він працює, включаючи профілі ICC і інші метадані. Це буде означати, що ми зможемо стискати наші зображення ще сильніше, зберігаючи при цьому профіль для його правильного відображення.
висновок
Це складна тема з безліччю факторів, і я розповів про свій особистий досвід і дав ту інформацію, яку мені вдалося виявити, борючись з цією проблемою. Можливо, це не допоможе у вашій конкретній ситуації, але я сподіваюся, що це дасть вам можливість почати роботу в правильному напрямку, якщо у вас виникнуть труднощі з неправильним відображенням зображень у вашому браузері.
Оригінальна стаття: https://fstoppers.com/education/how-your-web-browser-affects-way-colors-are-rendered-77241
Комп'ютер моєї дружини?Насправді, чи має це значення?
Потім я подумав: скільки насправді моніторів з розширеним охопленням є в світі?
Хто їх використовує?
