Почему Firefox искажает цвета картинок (и как с этим бороться)

Почему Firefox искажает цвета картинок (и как с этим бороться)

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

Однако если вам случалось просматривать ваши работы в браузере Firefox, вы, наверняка, замечали, что их цветовые оттенки почему-то выглядят не так, как в других популярных браузерах (Chrome, Safari, Opera и т. д.) или в вашем любимом графическом редакторе — что для вас как автора весьма досадно: ведь это визуальное несоответствие искажает ваш замысел, портит впечатление от работы, над которой вы столько трудились и провоцирует вносить в неё технические коррективы без гарантии, что они принесут нужный результат.

Насколько сильно изменяются цвета изображений в Firefox?

В качестве примера вот одна и та же фотография перцев в двух вариантах: первый вариант — как она выглядит при просмотре в Photoshop и нескольких основных браузерах, второй вариант — как она выглядит в Firefox. Для переключения между ними кликните по фото. (Если переключение не работает, проверьте, включен ли у вас JavaScript.)

Итак, насколько же эта разница велика? На мой взгляд, она велика настолько, чтобы человек, занимающийся графикой за монитором средне-хорошего качества, её заметил. К примеру, я на моём стареньком Apple Cinema эту разницу прекрасно вижу: Firefox отображает зелёную листву в более жёлтых тонах, а перцы из алых превращаются в красновато-оранжевые и становятся более светлыми.

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

В поисках ответа

Как же это может быть, что столь почтенный браузер-долгожитель как Firefox не имеет системы управления цветом (CMS)? Может быть, всё дело в том, что разработчик браузера, Mozilla Foundation — некоммерческая организация, и на внедрение нужных функций им попросту не хватает ресурсов — финансовых или человеческих? Что ж, ничего страшного, подождём, в следующей-то версии уж точно внедрят, не раз утешал я себя. Однако ни в следующей версии, ни в следующем году проблема не решалась, а в настройках Firefox по-прежнему не появлялось и намёка на присутствие CMS.

Чтобы как-то прояснить ситуацию, я закинул невод в англоязычный сегмент интернета и обнаружил ответ на свой вопрос в довольно неожиданном месте — на форуме пользователей программ Adobe. Итак, вот что я узнал:

  1. Система управления цветом (Color management system, CMS) в Firefox уже давно внедрена и прекрасно работает. Однако доступ к ней почему-то осуществляется не через панель настроек, а (выражаясь цензурно) иным, менее очевидным и доступным способом.
  1. Вышеописанная проблема (некорректная цветопередача) касается только картинок, которые были сохранены без цветового профиля. Картинки со встроенным цветовым профилем отображаются корректно.
  1. CMS в Firefox имеет два режима работы, которые так и называются — «режим 2» и «режим 1».

В режиме 2 (данный режим активен по умолчанию!) управление цветом включено только для изображений с встроенным цветовым профилем. Это значит, что в данном режиме картинки без встроенного цветового профиля отображаются в цветовом пространстве вашего монитора — т. е. выглядят так, как если бы в настройках Фотошопа вы отключили CMS и установили «профиль монитора» в качестве рабочего пространства RGB. Поскольку режим 2 включен в Firefox по умолчанию, картинки без цветового профиля с момента установки браузера на компьютер отображаются в нём некорректно. А поскольку все мониторы отображают цвет немного по-своему, диапазон этой цветовой погрешности на разных мониторах будет непредсказуемо варьировать: к примеру, на одном мониторе могут неверно отображаться зелёные тона, на другом — синие, на третьем — красные, и т. п.

В режиме 1 управление цветом применяется ко всем изображениям. При этом картинки без встроенного цветового профиля отображаются в цветовом пространстве sRGB. Именно в этом режиме работают по умолчанию браузеры-конкуренты (Safari, Chrome, Opera и т. д.). Почему разработчики Firefox решили поступить по-другому, да ещё и спрятать CMS так, чтобы её никто никогда не нашёл, — великая тайна, которую учёным будущего ещё предстоит разгадать.

Как сделать, чтобы на ВАШЕМ устройстве картинки в Firefox отображались корректно?

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

  1. Запустите Firefox, введите в поисковой строке about:config и нажмите ввод. Отобразится страница расширенных настроек:
  1. Введите в поле поиска gfx.color_management.mode (это название параметра, управляющего режимами CMS). Как видите, сейчас напротив него стоит цифра 2, что означает, что активен режим 2:
  1. Щёлкните по цифре 2, введите вместо неё цифру 1, нажмите ввод и перезапустите Firefox. Вуаля! Теперь все картинки должны отображаться корректно, включая и те, у которых отсутствует встроенный цветовой профиль.

Как сделать, чтобы на ВСЕХ устройствах с Firefox картинки отображались корректно?

Разумеется, процедура, описанная в предыдущем шаге, гарантирует правильную цветопередачу только на вашем устройстве. Но можно ли сделать, чтобы картинки без внедрённого цветового профиля корректно отображались на всех прочих устройствах, где установлен Firefox (проще говоря, во всём мире)?

Увы, нельзя, — ведь нам вряд ли удастся заставить всех пользователей Firefox в мире выполнить на их компьютерах и смартфонах вышеописанную манипуляцию, дабы они могли в полной мере насладиться корректной цветопередачей. Поэтому единственное, что нам остаётся, это сохранять файлы в формате .jpg и встраивать в них цветовой профиль (другие форматы, такие как .png, .gif и .webp, не поддерживают встраивание цветового профиля):

Опция добавления цветового профиля в Adobe Photoshop

Из-за добавления профиля вес файла немного увеличится (примерно на 4 килобайта в случае добавления профиля sRGB), но зато ваши картинки будет абсолютно корректно отображаться на любом устройстве при просмотре в Firefox.

В качестве успокоительного

• Догадываюсь, что дизайнерам и фотографам непросто в это поверить, но будем честны: среднестатистическому интернет-пользователю плевать, насколько точной является цветопередача картинок в браузере. Полагаю, это объясняется не столько повальным дальтонизмом или дешёвыми офисными мониторами, а тем, что для людей, чья работа никак не связана с графикой, умение различать цветовые нюансы не является профессионально значимым навыком, а, соответственно, и не тренируется.

• Для справки: общемировая доля пользователей Firefox на август 2020 г. — около 8 % на десктопах и менее 1 % на смартфонах.

Поделиться
Отправить
Запинить
Популярное