Что я должен делать в отношении цветового профиля при проектировании для Интернета?

15

Я прочитал эту статью Дуга Эйвери, где он объясняет, как отключить управление цветом в Adobe Photoshop, и последующую статью в ответ на возмущение комментаторов, выступающих против него и поддерживающих sRGB, хотя я до сих пор не уверен в том, какой метод я следует применять в моем личном рабочем процессе.
Судя по тому, что я понял, читая статью (пожалуйста, исправьте меня, если я ошибаюсь), правильный способ справиться с этим состоит в том, чтобы Photoshop управлял цветами как sRGB и использовал Proof Colors, когда нужно больше "Верный" превью вашей работы.

На данный момент у меня есть целый проект веб-сайта, который был разработан с отключенными цветовыми профилями. Я начал так, потому что несколько месяцев назад я заметил, что цвета, отображаемые в Фотошопе, хотя и правильно сообщаемые собственным инструментом «Пипетка» в Фотошопе , не соответствовали при измерении на скриншоте тому, что я видел в Google Chrome при открытии изображения, экспортированного как PNG.
После быстрого поиска я наткнулся на сообщение, которое я цитировал ранее, и слепо применял его предложения (даже не замечая последующих действий и не читая о проблемах с ним). С тех пор у меня не было проблем: я делаю скриншоты своей работы в Photoshop и загружаю их для использования разработчиком. Он видит те же цвета, которые я вижу и использую при разработке дизайна, и мне не нужно прыгать через обручи, чтобы увидеть, что я на самом деле делаю.

Мои вопросы:

  • Действительно ли необходимо использовать sRGB в веб-дизайне (я понимаю, что не стоит использовать его для чего-то вроде фотографии или печати), когда это только добавляет больше работы, заставляя вас использовать Proof Colors ? (Вот как я это вижу, поправьте меня, если я ошибаюсь)

  • Поскольку сохранение с использованием профиля ICC приведет к тому, что некоторые браузеры будут корректно применять профиль, в то время как другие будут игнорировать его, в статье также говорится, что, вероятно, лучше всего проектировать с использованием sRGB, а затем сохранять без профиля ICC . Разве это не противоречит цели использования цветового профиля? Или я неправильно истолковываю то, что говорится в статье?

Габриэле Цирулли
источник
1
Я не думаю, что ответ Марка Эдвардса правильный. Если вы установите цветовой профиль «монитор», ваш цвет будет отлично смотреться только одному человеку: вам! sRGB позволяет более широкому кругу людей просматривать более последовательно. Прочитайте эту ссылку. Он предлагает лучшую информацию, которую я нашел по этому вопросу. gballard.net/psd/saveforwebshift.html

Ответы:

5

Мой (иногда противоречивой) мнение: Люди, которые рекомендуем использовать SRGB для пользовательского интерфейса и веб-дизайн ума. Вот почему

Чтобы управление цветом работало над дизайном экрана, должны произойти три важные вещи.

  1. Изображение должно быть создано с использованием правильного рабочего процесса.
  2. Изображение должно быть сохранено с правильным цветовым профилем ICC.
  3. Изображение должно отображаться правильно, в соответствии с профилем изображения и средой, в которой оно отображается (браузер, ОС и т. Д.).

Если у вас нет всех трех, управление цветом не работает вообще. Наличие одной или двух из этих вещей означает, что вся цепь разорвана.

И вот в чем проблема: все PNG и GIF-файлы, сохраненные из Photoshop, не могут иметь профили ICC, поэтому номер 2 в большинстве случаев невозможен (хотя JPEG-файлы могут иметь профили). И многие браузеры ведут себя некорректно, поэтому номер 3 также отсутствует во многих случаях.

Если вы показываете фото в Интернете, лучшим вариантом является произвести разрушающую обращенным в SRGB и встроить профиль SRGB ICC и использовать только в формате JPEG. Если вы создаете элементы пользовательского веб-интерфейса, то лучше всего настроить Photoshop для настройки «устройства RGB» (собственные цвета без профиля или управления цветом).

Совет Дуга Эйвери хорош. Важной частью его поста является таблица, которую он использует для сравнения всех результатов. То, что он ищет, - это соответствие HTML, CSS и цветов на изображениях, и это то, к чему нужно стремиться. Это возможно, только если значения цвета в изображениях и значения цвета, используемые в HTML / CSS, обрабатываются одинаково.

Я написал намного больше на эту тему здесь:

Управление цветом и дизайн интерфейса

И спорил ad nausium с инженером Adobe здесь:

Сохранить для Web. Преобразование в sRGB должно быть отключено по умолчанию для PNG и GIF.

Действительно ли необходимо использовать sRGB в веб-дизайне (я понимаю, что не стоит использовать его для чего-то вроде фотографии или печати), когда это только добавляет больше работы, заставляя вас использовать Proof Colors? (Вот как я это вижу, поправьте меня, если я ошибаюсь)

Нет, это не обязательно. Фактически, предположить, что sRGB помогает, демонстрирует отсутствие понимания темы. Есть ситуации, когда вам определенно следует использовать sRGB, но он является частью полного рабочего процесса с фотографиями: вам нужно использовать изображения JPEG, использовать sRGB и встраивать профиль sRGB. Вы не можете сделать часть этого, не делая все и ожидая никакой выгоды от управления цветом.

Если вы сохраняете GIF-файлы или PNG-файлы из Photoshop, у вас никогда не будет ICC-профиля в ваших изображениях, поэтому вам необходимо убедиться, что ваш рабочий процесс настроен для этого и как браузеры будут обрабатывать изображения.

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

Имейте в виду, что:

  • GIF не может иметь профили ICC.
  • PNG, сохраненные в Photoshop, не могут иметь профили ICC.
  • PNG могут иметь профили, но они редко сохраняются вместе с ними.
  • JPEG могут иметь профили.
  • Браузерный рендеринг изображений с профилями отличается в разных браузерах.
  • Часто полагают, что цвета в HTML и CSS - это устройства RGB или sRGB, и вы не можете это контролировать.
Марк Эдвардс
источник
4
У меня дома 6 компьютеров и два калиброванных монитора на работе. Один калиброванный монитор просто не имеет приличной гаммы, поэтому даже с калибровкой он не заслуживает доверия. Все шесть дома хранятся на складе, и все они по-разному отображают цвета. Это урок использования в реальном мире. Вот как я научился перестать беспокоиться и любить это.
Горацио
3
Да. Целью является согласованность на странице для элементов пользовательского интерфейса, а не согласованность на разных экранах (что невозможно в большинстве случаев).
Марк Эдвардс
3

Профили определенно необходимы при разработке / проектировании на Mac.

Если я работаю с изображениями в Photoshop как Adobe RGB или ProPhoto RGB (2 профиля, которые используются в хорошей камере), то цвета меняются на много, когда PSD сохраняется для Интернета и просматривается на ПК с Windows.

Для пользователей Mac использование профиля sRGB в РАБОЧИХ файлах необходимо для поддержания цветов на разных платформах.

Последний опубликованный файл (кроме веб-страницы) не имеет профиля, но использование sRGB при его создании необходимо на Mac - по крайней мере, оно у нас, если вы хотите, чтобы цвета выглядели одинаково на Mac и Windows.

Брет перри
источник
2

Я хотел бы подтвердить заявления этих пунктов:

Судя по тому, что я понял, читая статью (пожалуйста, исправьте меня, если я ошибаюсь), правильный способ справиться с этим состоит в том, чтобы Photoshop управлял цветами как sRGB и использовал Proof Colors, когда нужно больше "Верный" превью вашей работы.

и

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

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

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

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

Я сохраняю окончательные файлы без профиля, и они выглядят как положено. Почему это так? Я думаю, потому что графика без профиля интерпретируется так, как если бы к ней был прикреплен профиль sRGB (возможно, кто-то знает ссылку на это).

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

Джон
источник
1

Ответ на ваш первый вопрос: если вы не используете sRGB в рабочем процессе, все используемые изображения из других цветовых пространств в конечном итоге не будут иметь точных или даже обрезанных цветов в Интернете. Большинство изображений без профиля, который вы импортируете или используете, подойдут, потому что они уже находятся в правильном цветовом пространстве (например, стандартное пространство в камере).

Второй вопрос: да, цель побеждена, потому что использование цветовых профилей еще не реализовано в Интернете таким образом, чтобы их можно было использовать. Браузеры ожидают sRGB, поэтому их не нужно прикреплять, это только увеличивает размер файла. Поскольку многие браузеры не понимают профили, предлагать изображения с профилем, скажем, в Adobe rgb 1998, не очень хорошая идея, потому что цвета будут обрезаны.

CA Вуйк
источник
«Браузеры ожидают sRGB» - вроде. В разных браузерах смешанное поведение. Большинство отображает непомеченные изображения как устройства RGB (без преобразования). Safari 6 в OS X предполагает (ошибочно), что немаркированные изображения являются sRGB и конвертирует.
Марк Эдвардс
0

Обновление для Adobe Photoshop CC (2017):

  1. Оставьте ваше рабочее пространство по умолчанию (Североамериканское общее назначение 2)

  2. Не меняй ничего больше

Скотт
источник