Почему цвета кажутся размытыми в macOS Chrome и Safari по сравнению с Firefox?

Я использую новый MacBook Pro 15 дюймов с macOS 10.13.4, настроенным с цветовым профилем цветного ЖК-дисплея по умолчанию. Я занимаюсь графическим дизайном и заметил, что все цвета в Chrome и Safari выглядят «размытыми» по сравнению с Firefox. Последний имеет более насыщенные/яркие цвета, и это происходит с нативными элементами HTML/CSS (т.е. не только с изображениями).

Вот скриншот домашней страницы SmashingMagazine со сравнением (Chrome слева, Firefox справа). Обратите внимание, что цвета в Firefox более яркие (справа):

введите описание изображения здесь

Если я изменю цветовой профиль своего дисплея на sRGB IEC61966-2.1, Chrome и Firefox будут выглядеть одинаково.

Почему это? Любая помощь приветствуется.

Управление цветом — это минное поле: / Некоторые браузеры уважают встроенные профили, а некоторые — нет. Изображение, которое вы разместили, находится в профиле дисплея... что не очень хорошо. Вы должны стремиться к sRGB, если ваша цель — Интернет. Не рекомендуется использовать профиль дисплея в рабочем процессе. Калибровка вашего монитора была бы хорошим началом, а не общим профилированием; иначе вы никогда не узнаете, что было правильно. В качестве примера сообщите нам предполагаемые значения RGB верхней красной полосы.
@Tetsujin на снимке экрана моего примера верхняя красная полоса имеет цвет фона CSS # d33a2c. Это значение одинаково в обоих браузерах, но с одним и тем же цветовым профилем дисплея (цветной ЖК-дисплей) Chrome/Safari отображает цвет иначе, чем Firefox. Независимо от того, откалиброван ли цветовой профиль моего дисплея или нет, я ожидаю, что один и тот же шестнадцатеричный код цвета CSS будет отображаться одинаково в Chrome, Safari и Firefox. У меня вопрос, почему это не так? Насколько мне известно, в CSS нет управления цветом (то есть цветовых профилей).
На самом деле это не зависит от вашей калибровки и рабочего процесса ... вероятно, из-за этого. Я не могу воспроизвести здесь на калиброванной установке. См. i.stack.imgur.com/qdVpp.png , полученный из Safari слева, Chrome справа, с цифровым индикатором цвета, плавающим вверху. Цвет такой, как вы указали [в пределах допуска] на обоих, при просмотре в sRGB. Если я наведу измеритель на эту репродукцию, которая была снята с экрана, обрезана, сохранена в Photoshop, а затем опубликована в imgur и просмотрена в Safari, цвет все равно будет правильным .
@Tetsujin Цвета в Chrome и Firefox выглядят одинаково для вас? Chrome и Safari для меня выглядят одинаково, так что проблема не в этом. Проблема в том, что все цвета на любой веб-странице в Chrome и Safari (и даже в приложении Preview) кажутся сильно блеклыми по сравнению с Firefox. Так что похоже, что Firefox делает что-то по-другому. Может быть, мой цветовой профиль «Цветной ЖК-дисплей» перепутался? Или экран моего Macbook неисправен? Если я изменю цветовой профиль своего дисплея на «Apple RGB» или sRGB, тогда все приложения будут выглядеть одинаково. Но разве цветной ЖК-дисплей не должен быть правильным профилем для экрана MBP?
Тьфу, никогда раньше не использовал Firefox - абсолютно не то, что должно быть. Без понятия, что они с ним делают. Кстати, «правильный» профиль для любого экрана — это тот, который генерирует ваш колориметр и программное обеспечение. Те, что вы получаете в исходном списке, являются предположениями, не лучше.

Ответы (2)

Чтобы Firefox выглядел как Chrome и Safari

По умолчанию Firefox применяет цветокоррекцию только к изображениям со встроенными цветовыми профилями. Вы можете включить полное управление цветом , чтобы применить цветокоррекцию ко всему, включая цвета, определенные в CSS. Тогда он должен больше походить на Chrome и Safari.

В about:config(введите это в адресную строку), gfx.color_management.modeустановите 1.

https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/3.5/ICC_color_correction_in_Firefox

Цветокоррекция, слишком упрощенная

У мониторов разные кривые отклика. Например, на одних мониторах разница между #FF0000и #FA0000может быть заметна, а на других нет.

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

Многие форматы изображений поддерживают встроенные цветовые профили; подумайте о том, что это сводится к дескрипторам того, как это должно выглядеть . Если системе известны неточности вашего монитора, она может объединить этот профиль с профилем изображения, чтобы исказить вывод для наилучшего возможного воспроизведения.

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

Допустим, ваш монитор действительно производит заметную разницу между двумя похожими цветами, упомянутыми ранее. Вы используете эти цвета в своем CSS. Предполагается, что ваше намерение состояло в том, чтобы показать тонкую разницу. Некоторые мониторы могут в конечном итоге отображать на экране один и тот же цвет, несмотря на то, что им отправляются два цвета. Коррекция цвета изменяет цвета, отправляемые на экран, поэтому на самом деле воспроизводится тонкая разница. Если бы вы хотели, чтобы они выглядели одинаково, вы бы просто использовали #FF0000и никогда не беспокоились о них #FA0000, верно?

Digital Color Meter знает об используемых цветовых профилях. Вот почему он дает разные значения для одного и того же изображения на двух разных дисплеях и разные значения в зависимости от того, какое цветовое пространство вы выбрали.

Не лучшее описание управления цветом, но вступительное предложение отвечает на первоначальный вопрос. Похоже, что Firefox не применяет профиль sRGB к непомеченному содержимому (включая цвета, определенные в CSS), тогда как другие браузеры делают это. Я заметил это, когда мне нужно было сопоставить цвет помеченной PNG-графики с цветом фона, определенным в CSS — в Firefox он немного отличался. Решение состояло в том, чтобы просто удалить цветовой профиль из изображения. Цвета по-прежнему выглядят более насыщенными в Firefox, но, по крайней мере, они внутренне согласованы.

Смешно читать ответы "экспертов". Им просто нужно запустить Firefox в своем браузере на своих откалиброванных мониторах, чтобы увидеть реальную разницу. Что бы ни делал Firefox (да, Firefox, а не цветовой профиль, не аппаратное устройство), он усиливает яркость и обеспечивает более теплые цвета.

Звучит как плохая идея для тех, кто хочет надежного цвета.
Почему цвета кажутся размытыми в macOS Chrome и Safari по сравнению с Firefox?
СпросиСетьПолитика конфиденциальности1y, 0v