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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 = все хорошо. :)

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

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

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

• Проблема Firefox: 497363 https://bugzilla.mozilla.org/show_bug.cgi?id=497363
• Firefox выпуск 509710: https://bugzilla.mozilla.org/show_bug.cgi?id=509710

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

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

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

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

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

Вот состояние управления цветом в 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 знала, что есть люди, которые недовольны этим.

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