Як я можу забезпечити належну передачу кольорів у веб-переглядачах на широких гаммах?


13

Під час редагування в Інтернеті всі рекомендують використовувати sRGB, оскільки багато браузерів не пропонують керування кольором, а більшість браузерів так чи інакше інтерпретують усі зображення як sRGB.

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

Тепер введіть широкі гами дисплеїв. Вони живуть у кольоровому просторі AdobeRGB, і, на мій жаль, на широкому діапазоні дисплеїв браузерів без керування кольором інтерпретуються дані зображення як у кольоровому просторі AdobeRGB. Що станеться, якщо дані зображення sRGB інтерпретуються як AdobeRGB? Кольори вимкнені, занадто сильні, це виглядає похмуро.

Проблема навіть продовжується при використанні браузера з керуванням кольором, як FireFox, але при перегляді зображень без вбудованого профілю: зображення будуть інтерпретуватися як AdobeRGB замість sRGB.

Коротше кажучи: з мого широкого діапазону гамма дисплей виглядає жахливо.

Будь-які ідеї, як змусити мої браузери (Internet Explorer і FireFox) використовувати sRGB замість AdobeRGB для передачі кольорів за замовчуванням?

Я використовую Windows 7.

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


Я б підозрював, що Flickr може не включати кольоровий профіль, коли він також створює менші розміри.
Роуленд Шоу

Файли, що містять профілі, не є моєю основною проблемою. Моя основна проблема - зображення, які не містять профілю.
Сем

@Rowland Flickr робить збереження колірний профіль з зміненими розмірами зображень.
Марк Уітакер

Ця "смішна річ", яку ви згадуєте в своєму останньому реченні, полягає лише в тому, що переглядач зображень розглядає непрофільовані зображення як sRGB, а Firefox - це не так. Дивіться мою відповідь про те, як змусити Firefox зробити це теж.
Марк Уітакер

Відповіді:


-4

На жаль, ви нічого не можете зробити, що є практичним. Щоб отримати те, що потрібно, потрібно встановити для вашого системного профілю sRGB.

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

Правильний спосіб правильної передачі кольорів - приєднати профіль до зображення. Очевидно, що flickr (і самовільні мініатюри) не дають вам цього варіанту.

Отже, у вас є два варіанти: один, встановіть вікна, щоб використовувати sRGB як профіль монітора; тоді всі немальовані зображення будуть мати вигляд sRGB, але позначені зображення будуть схожі на лайно, і ваше управління кольором буде несамовитим.

Або просто розбирайтеся з тим, що некеровані образи - це чорт, і ви нічого з цим не можете зробити.

Можливо, є плагін Firefox, який може автоматично приєднувати кольоровий профіль, але поза цим, це просто звичайний старий відстій, який відомий як управління кольором.

Мені довелося зіткнутися з цим самим питанням із Smugmug. Усі мої зображення мають прикріплені sRGB-профілі, тому вони чудово виглядають (у кольорових браузерах), але ескізи виглядають перенасиченими. Це тому, що великі пальці автогенеруються, і контрабанда відмовляється приєднувати до них кольоровий профіль, тому що він подвоює розмір ескізу. Тож великі пальці відображаються будь-яким способом, яким ОС вирішить їх надати.


Насправді я знайшов, що мій дисплей (Eizo CG303w) пропонує перемикач режимів, який можна використовувати для перемикання між AdobeRGB та sRGB, що дуже зручно для перегляду.
Сем

"Щоб отримати те, що потрібно, потрібно встановити для вашого системного профілю sRGB." - це абсолютно неправильно. Ніколи не слід встановлювати ваш системний профіль на sRGB, а слід контролювати монітор пристроєм калібрування.
Марк Уітакер

1
Вибачте, -1 як майже все у цій відповіді невірно! Ви не повинні встановлювати ваш профіль відображення на sRGB, ви можете приєднати профіль до зображення на Flickr, Firefox може надати немальовані зображення як sRGB, а правильний спосіб отримати кольоровий перегляд - це не просто (просто) тегування зображення, це профілі свого монітора! Коротше кажучи, є щось, що ви можете зробити з цим!
Марк Уітакер

1
Вибачте, перша частина "встановлення монітора на rgb" була поганою порадою "зображення виглядатимуть як sRGB, але інші зображення будуть схожі на лайно". Я мав би позначити це як таке, але я вважав, що мається на увазі, що це погана порада. Крім того, у налаштуваннях у firefox не зазначено, на якому профілі вона позначає зображення як. По-третє, виправлення калібрування кольорів та налаштування веб-переглядача Firefox чудово підходить для вас, але спробуйте змусити всіх, хто збирається відвідати вашу галерею, зробити те саме. У цьому справжня проблема з некерованими зображеннями.
Алан

17

У мене було саме таке питання, і можна прийти до правильного та працездатного рішення . Як у запитанні, так і в попередніх відповідях (і взагалі навколо управління кольором) дуже багато помилок, тож дозвольте мені спробувати їх вияснити і надати відповідь.

По-перше, помилки ...

  1. Звичайні (неширокі) монітори не "живуть у sRGB", а також широкі діапазони гамми "живуть в AdobeRGB". sRGB та AdobeRGB (разом із ProPhoto RGB) відомі як робочі профілі : вони не відповідають жодному реального пристрою, вони просто забезпечують стандартний набір вимірювань, який можна запрограмувати на всіх пристроях. Кожен монітор (і кожен принтер) має свій профіль, і справді цей профіль може змінюватися з часом, як хімічні речовини у вік дисплея. Профіль індивідуального дисплея може мати велику ступінь перекриття з одним із стандартних робочих профілів, але неправильно сказати, що він точно відповідає йому або навіть повністю вписується в нього. Це '

  2. Ніколи не слід встановлювати профіль вашого дисплея на один із робочих профілів (адже це не його профіль!). Правильне рішення - використовувати пристрій калібрування, щоб дізнатися правильний профіль вашого монітора, і використовувати його.

  3. Веб-переглядачі - не єдиний плід: ви хочете переконатися, що ваш дисплей профільований таким чином, щоб інші програми для зображень (Photoshop, Lightroom та інші) також вірно відображали кольори.

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

Приблизний посібник щодо взаємодії профілів під час перегляду зображення на моніторі

В ідеальному світі не один, а два профілі будуть грати під час перегляду зображення . Перший - це профіль, вбудований у зображення: назвемо цей вхідний профіль . Пам'ятайте, що цифрові зображення складаються з пікселів, кожен з яких містить комбінацію червоного, зеленого та синього. Так для простого червоного квадрата для кожного пікселя встановлено 100% червоний, 0% зелений, 0% синій. Але що ми маємо на увазі під 100% червоним?Це як побачити знак на стороні дороги, який говорить "Ви зараз можете їхати з максимальною швидкістю". Яка максимальна швидкість? Як швидко їде машина? Знак не говорить, тому фактична швидкість буде змінюватися від машини до машини. Що вказує нам вхідний профіль, це те, на що це значення 100% відносно: для зображення, позначеного вбудованим профілем, ваш комп'ютер тепер знає, що "100% червоний" означає максимальне червоне значення, визначене цим конкретним профілем. (Щоб завершити аналогію, наш дорожній знак тепер говорить: "Максимальна межа 70 км / год. Тепер ви можете їхати на максимумі.")

Отже, після позначення зображення вбудованим профілем ми точно знаємо, що саме нам потрібно відображати : який саме відтінок червоного, жовтого чи будь-якого іншого. Наступне питання: як ми його відображатимемо? Подивіться на одне і те ж зображення на кількох різних комп’ютерах (або просто на комп’ютері та телефоні), і ви побачите, що жоден з двох дисплеїв не відображає кольори абсолютно однаково. Тут нам потрібно відкалібрувати наш монітор, щоб створити профіль відображення - вихідний профіль -, який точно говорить нам про те, як цей конкретний пристрій надає кольори. Тепер у нас є обидва потрібні нам відомості:

  • Профіль введення: Що означає це зображення, коли воно говорить "червоним"?
  • Вихідний профіль: Як я можу змусити цю апаратуру відображати (якомога ближче) той відтінок червоного?

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

А тепер відповісти на ваше запитання

Перший крок будь-якого монітора - але особливо важливий при широкому дисплеї гами - це правильно калібрувати монітор . Для цього потрібно використовувати калібратор: обладнання, яке сидить над екраном і приймає кольорові показання, показуючи діапазон тестових зображень, щоб визначити, які кольори насправді відображає ваш монітор. Для широкого відображення гами потрібно забезпечити використання відповідного калібратора: я використовую Spyder Pro 3, і він працює чудово.

Після калібрування монітора ви побачите, що будь-яка програма, керована кольором, тепер відображає кольори достовірно. Перед калібруванням мій монітор із широкою гамою показав усе, що перенасичене: тони шкіри були томатно-червоними, а Photoshop та Lightroom були непридатними. Після калібрування вони обидва виглядали ідеально. Отже, використовуйте керований кольором додаток для перевірки калібрування.

А тепер на браузери! Firefox - єдиний браузер, який добре працює для мене на каліброваному дисплеї з широкою гамою. За замовчуванням він використовує вбудований кольоровий профіль у зображеннях для їх правильного відображення, але немальовані зображення все ще здаються перенасиченими. Але не хвилюйтеся, все не втрачено!

  • Введіть about: конфігуруйте у свій адресний рядок.
  • Прокрутіть униз і шукайте gfx.color_management.mode .
  • Змініть значення на 1 .

Це призводить до того, що Firefox трактує всі немальовані зображення як sRGB : саме те, що ми хочемо статися. Він навіть працює на піктограмах у вашій панелі закладок! На жаль, він все ще не працює на флеш-відеоплеєрах.

І Safari, і Chrome також керуються кольорами, але в обох є свої недоліки. Safari (як мінімум, у Windows) не розглядає немальовані зображення як sRGB; Chrome робить, але його керування кольором вимкнено за замовчуванням і незручно включати .

На момент написання програми Opera взагалі не керує кольорами, а IE9 - просто ідіотський: він поважає вхідний профіль (той, який вбудований у зображення), але ігнорує вихідний профіль дисплея ! Це робить IE9 настільки ж непотрібним на широкому дисплеї гами.

Отже: калібруйте + використовуйте Firefox + встановіть gfx.color_management.mode на 1 = ви добрі. :)



3

Це, мабуть, подібне питання до цього: експорт світлих приміщень надто темний у Flickr . У мене є два широкоформатні дисплеї (настільний, ноутбук). Ви можете спробувати новіші версії Firefox, але я не затамував би подих. Рік тому я повертався назад і назад, повідомляючи про цю проблему у програмі помилок Firefox (випуски 497363 та 509710 ). Керування кольором у Firefox не так просто, як реально включити опцію. Профілі ICC відрізняються за структурою та можливостями. Кілька з нас із широкоформатними дисплеями помітили, що Firefox не змогла правильно інтерпретувати відповідний профіль ICC.

Можливо, ця проблема зникне, якщо я використовую інший інструмент калібрування для створення іншого профілю ICC або монітор із апаратним LUT (тобто таким, який може спілкуватися безпосередньо з вашим інструментом калібрування та зберігати параметри калібрування у своєму апаратному забезпеченні). Ви можете використовувати безкоштовний ICC Profile Inspector, щоб пограти зі своїм профілем і порівняти його з іншим профілем, який, як відомо, працює. Ось специфікація профілю ICC . Нижче - скріншот мого профілю, подивіться, чи є щось спільне з вашим.

З тих пір я не пробував жодної бета-версії Firefox, я просто звик до цього питання. Якщо ви спробуйте більш нову версію, я хотів би почути про це. Не світліть свої фотографії та не використовуйте AdobeRGB у своїх фотографіях Flickr ніколи не дотримуйтесь кольорового простору sRGB для веб-пошуку.

alt текст


1

Сучасні версії Firefox мають налаштування для спроб керувати непрофільованими зображеннями, а також профільованими. Ви можете перейти до about: config та змінити gfx.color_management.mode на '1'. (За замовчуванням - 2.) Трохи Googling може дати краще пояснення, але це допомогло мені при перегляді мініатюр SmugMug тощо.

Це все ще не загальносистемне виправлення для перенасичених червоних кольорів Win7, але принаймні мій браузер справний.


"Перенасичені червоні" Win7 не мають нічого спільного з Windows 7, це проблема монітора. Ти правда налаштуєш Firefox.
Марк Уітакер

0

Я вважаю, що вам не пощастило з IE, хоча, можливо, це може виправитись у IE 9. Для Firefox, як ви вже знаєте, є деяка підтримка інформації про профіль, і ви можете отримати інструкції щодо різних налаштувань, які можуть полегшити проблему. ви маєте з цим. Ваш інший варіант - використовувати Safari, який повинен бути належним чином кольором.

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

Наш власний jrista, здається, є експертом із кольорів, тому, можливо, він задзвенить або виправить більше ідей.


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

0

Ось стан управління кольором у Firefox та IE станом на даний момент (10.11.2010).

Firefox v3.5.x - підтримує повне управління кольорами, але розуміє лише профілі ICCv2. Якщо програмне забезпечення для калібрування / профілювання дисплея підтримує створення v2-профілів (шукайте опцію десь у налаштуваннях програми), ви повинні мати змогу правильно відображати зображення. Зауважте, що за замовчуванням Firefox використовує лише керування кольором для зображень, позначених кольоровим профілем. Оскільки в Інтернеті є безліч тегів sRGB, ви, ймовірно, захочете налаштувати Firefox для управління кольором для всіх зображень. Найпростіший спосіб здійснити цю зміну - це використання розширення управління кольором для Firefox.

FireFox v4 (зараз у бета-версії) - FireFox4 нарешті підтримуватиме кольорові профілі ICCv4, як для зображень, так і для вашого профілю відображення. Поточні бета-версії роздуті, баггі та повільні, тому я не рекомендую їх для загального використання, але, принаймні, ми знаємо, що правильне керування кольором вже на шляху.

Internet Explorer 8.x - взагалі немає керування кольорами. zip, nada.

Internet Explorer 9 (наразі знаходиться в бета-версії). Загальнодоступна бета-версія має деяку обмежену підтримку управління кольорами, але це не має реального використання на моніторах із широкою гамою. IE9 (бета) розпізнає зображення, позначені профілями, відмінними від sRGB, і перетворює їх у sRGB. На жаль, він повністю ігнорує профіль відображення, а це означає, що якщо у вас широкомобільний монітор, все одно буде перенасичено. Чи буде MS виправляти таку поведінку, чи це було навмисне рішення щодо підвищення швидкості надання, залишається з'ясувати. Якщо хтось із вас проходить бета-тестування на IE9, я пропоную повідомити про цю помилку, щоб MS знала, що є люди, незадоволені цим.


-1

У мене була така ж проблема. Я думаю, ви побачите, що якщо встановити Safari, то ваші фотографії Flickr будуть виглядати чудово, оскільки вони підтримують кольорові профілі.


Як я писав вище, навіть у FireFox, який підтримує кольорові профілі (так, я тестував це), проблема зберігається із зображеннями, які не містять кольорових профілів (що становить приблизно 99% в Інтернеті).
Сем

1
Незважаючи на те, що за замовчуванням застосовуються лише кольорові теги, які керуються кольором, Firefox можна налаштувати на використання керування кольором для всіх зображень.
Джефф Кон

Я не думаю, що "скажіть усім встановити Safari" - це дуже практичне рішення!
Прочитайте, будь ласка, мій профіль

Я не кажу всім встановлювати Safari. Я щойно помітив, що вони виглядають прекрасно, нічого більше, нічого менше.
Шон
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.