Как обеспечить правильную цветопередачу в браузерах на дисплеях с широкой гаммой? - Фотопедия
13 голосов
/ 11 октября 2010

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

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

Теперь введите дисплеи с широкой гаммой. Они живут в цветовом пространстве AdobeRGB, и, к моему разочарованию, браузеры с широкой гаммой дисплеев без управления цветом также будут интерпретировать данные изображения как находящиеся в цветовом пространстве AdobeRGB. Что произойдет, если данные изображений sRGB будут интерпретированы как AdobeRGB? Слишком яркие цвета, это выглядит безвкусно.

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

Короче говоря: с тех пор как у меня появился широкий экран, Flickr выглядит ужасно.

Есть идеи, как заставить мои браузеры (Internet Explorer и FireFox) использовать sRGB вместо AdobeRGB для цветопередачи по умолчанию?

Я использую Windows 7.

Забавно, когда я загружаю изображения на локальный диск и использую их для просмотра файлов, цвет правильно интерпретируется как sRGB.

Ответы [ 7 ]

16 голосов
/ 31 октября 2011

У меня была точно такая же проблема, и возможно найти правильное и работоспособное решение . Существует много заблуждений как в вопросе, так и в предыдущих ответах (и, действительно, в отношении управления цветом в целом), поэтому позвольте мне попытаться прояснить их и дать вам ответ.

Во-первых, заблуждения ...

  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: config в адресную строку.
  • Прокрутите вниз и найдите gfx.color_management.mode .
  • Измените значение на 1 .

Это заставляет Firefox обрабатывать все непомеченные изображения как sRGB : именно то, что мы хотим получить. Это даже работает на иконки в панели закладок! К сожалению, он все еще не работает на флеш-видео плеерах.

Оба Safari и Chrome также управляются цветом, но оба имеют свои недостатки. Safari (по крайней мере в Windows) не рассматривает непомеченные изображения как sRGB; Chrome делает, но его управление цветом по умолчанию отключено и неудобно для включения .

На момент написания статьи Opera вообще не имела управления цветом, а IE9 просто идиотичен: он учитывает входной профиль (тот, что встроен в изображение), но игнорирует профиль вывода дисплея ! Это делает IE9 бесполезным на широком экране.

Итак: откалибруйте + используйте Firefox + установите gfx.color_management.mode в 1 = все хорошо. :)

3 голосов
/ 11 октября 2010

Вероятно, этот вопрос похож на этот: Экспорт в Lightroom в Flickr слишком темный. У меня два широкоэкранных дисплея (рабочий стол, ноутбук). Возможно, вы захотите попробовать новые версии Firefox, но я не задерживаю дыхание. Год назад я ходил туда-сюда, сообщая об этой проблеме в баг-трекере Firefox (проблема 497363 и 509710 ). Управление цветом в Firefox не так просто, как включение опции на самом деле. Профили ICC отличаются по структуре и возможностям. Некоторые из нас с широкоэкранными дисплеями заметили, что Firefox не смог правильно интерпретировать соответствующий профиль ICC.

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

С тех пор я не пробовал бета-версию Firefox, я просто привык к этой проблеме. Если вы попробуете более новую версию, я хотел бы услышать об этом. Не осветляйте свои фотографии и не используйте AdobeRGB в своих фотографиях на Flickr, всегда придерживайтесь удобного для Интернета цветового пространства sRGB.

alt text

1 голос
/ 31 октября 2011

Современные версии Firefox имеют настройку для управления как непрофилированными, так и профилированными изображениями. Вы можете перейти к about: config и изменить gfx.color_management.mode на «1». (По умолчанию 2.) Немного Google может дать лучшее объяснение, но оно помогло мне при просмотре миниатюр SmugMug и т. Д.

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

0 голосов
/ 12 октября 2010

Вот состояние управления цветом в Firefox и IE на текущий момент (10/11/2010).

Firefox v3.5.x - поддерживает полное управление цветом, но понимает только профили ICCv2. Если ваше программное обеспечение для калибровки / профилирования дисплея поддерживает создание профилей v2 (найдите параметр где-нибудь в настройках программы), вы сможете правильно отображать изображения. Обратите внимание, что по умолчанию Firefox использует управление цветом только для изображений, помеченных с помощью цветового профиля. Поскольку в Интернете много нетегированных изображений sRGB, вы, вероятно, захотите настроить Firefox для управления цветом для всех изображений. Самый простой способ сделать это изменение - использовать расширение управления цветом для Firefox.

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

Internet Explorer 8.x - нет управления цветом вообще. почтовый индекс, нада.

Internet Explorer 9 (в настоящее время находится в стадии бета-тестирования). Публичная бета-версия имеет ограниченную поддержку управления цветом, но она не используется на мониторах с широкой гаммой. IE9 (бета) распознает изображения, помеченные профилями, отличными от sRGB, и преобразует их в sRGB. К сожалению, он полностью игнорирует профиль дисплея, что означает, что если у вас широкоформатный монитор, все будет по-прежнему перенасыщено. Будет ли MS исправлять это поведение, или это было намеренное решение улучшить скорость рендеринга, еще неизвестно. Если кто-то из вас проводит бета-тестирование IE9, я предлагаю сообщить об этой ошибке, чтобы MS знала, что есть люди, которые недовольны этим.

0 голосов
/ 11 октября 2010

К сожалению, вы ничего не можете сделать, что практично. Чтобы получить то, что вы хотите, вы должны установить системный профиль sRGB.

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

Правильный способ получить цветопередачу правильно, это прикрепить профиль к изображению. Очевидно, что flickr (и самодовольные миниатюры) не дают вам такой возможности.

Таким образом, у вас есть два варианта: во-первых, установить окна для использования sRGB в качестве профиля монитора; тогда все немаркированные изображения будут выглядеть как sRGB, но помеченные изображения будут выглядеть как дерьмо, и ваше управление цветом будет испорчено.

Или просто разберитесь с тем фактом, что неуправляемые образы - это дьявол, и ничего вы не можете с этим поделать.

Возможно, существует плагин Firefox, который может автоматически прикреплять цветовой профиль, но вне этого это просто старая дрянь, известная как управление цветом.

Мне приходилось сталкиваться с той же проблемой с Smugmug. К моим изображениям прикреплены профили sRGB, поэтому они отлично выглядят (в браузерах с управлением цветом), но миниатюры выглядят перенасыщенными. Это потому, что большие пальцы автоматически генерируются, и smugmug отказывается прикреплять к ним цветовой профиль, потому что это удваивает размер эскиза. Таким образом, большие пальцы отрисовываются любым способом, которым ОС решает их отрисовать.

0 голосов
/ 11 октября 2010

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

0 голосов
/ 11 октября 2010

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

Последний вариант, если вы действительно можете так его назвать, - это переключить монитор на цветовое пространство sRGB, если оно его поддерживает.

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

...