Настройка цветов sRGB в Фотошопе для размещения изображений в интернет

Настройка цветового пространства в фотошопе
Обновлено:

Неверная настройка цветов в фотошопе - это главная причина, по которой яркие картинки при загрузке в интернет теряют свою сочность, а то и вовсе не открываются на других устройствах.

Всё дело в том, что по умолчанию в программе фотошоп стоит цветовое пространство Adobe, а стандарт для интернет, который поддерживают все браузеры и мониторы - это sRGB.

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

Настройка цветов в фотошопе

Цветовое пространство Adobe RGB, которое стоит в фотошоп по умолчанию, имеет более широкий цветовой диапазон, чем sRGB.

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

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

Редактирование → Настройка цветов
Быстрые клавиши Shift + Ctrl + K (на клавиатуре английская К, русская Л)

В верхней строке меню, открываем вторую слева вкладку “Редактирование”, спускаемся вниз и кликаем по строке “Настройка цветов”

Меню настроек цвета в фотошоп

В открывшемся окне “Настройка цветов” в первой строке “Настройки”, в раскрывающемся меню выбираем “Универсальные настройки для Европы 3”.

Универсальные настройки для Европы 3

 Значения в подпунктах RGB и CMYC выставляются автоматически:

  • RGB → sRGB IEC61966-2.1
  • CMYC → Coated FOGRA39 (ISO 12647-2:2004)  

Универсальные настойки цвета в фотошоп

Градации серого с Dot Gain 15% меняем на Gray Gamma 2.2, для корректного отображения серого в каналах. Что это такое и для чего нужно будет рассказано в следующих конспектах.

Значение градаций серого

В  блоке “Стратегии управления цветом”, проверяем, что в строках RGB, CMYK и Градации серого выбрано “Сохранять встроенные профили”

После убираем галочки напротив строк:

  • Спрашивать при открытии;
  • Спрашивать при вклеивании.

Стратегии управления цветом

На этом настройка цветов фотошоп завершена, жмем кнопку “OK” в верхнем правом углу диалогового окна “Настройки цветов” и перезапускаем программу.

Настройка цветов sRGB в фотошопе

Основные выводы

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

Главное, при сохранении картинки не забываем поставить галочку в клетке напротив синей надписи “ICC-профиль: sRGB IEC61966-2.1”.

Сохранение изображений с профилем sRGB

Напишите в комментариях, был ли для вас полезен конспект “Настройка цветов в фотошопе”, всё ли понятно? Если остались вопросы - спрашивайте в комментариях, если вопросов нет, просто напишите автору спасибо.

5 комментариев

Аватар комментатора Павлина Автор: Павлина

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

Аватар комментатора Владимир Автор: Владимир

Хочу выразить Вам искреннюю благодарность за представленные методические материалы по Фотошопу. То, что мне приходилось ранее видеть сухое и мало-живое. Отличный стиль изложения материала. Бери и делай. Спасибо!

Аватар комментатора Александр Утышев Автор: Александр Утышев

Владимир, Вы хорошее слово напомнили мне - методические материалы... Методичка по настройке цветов в фотошопе))) Уроки как-то громко звучит и скучно, сам только слово "конспект" вспомнил.

Аватар комментатора Елена Автор: Елена

Познакомилась с материалом, скажу сразу, что с фотошопом на Вы - с очень заглавной буквы, сделала себе конспект, пока читала вроде все понятно, буду в программе - и если будут затыки вернусь)) Оценила на тизере фото в знаке качества, - подтверждаю!

Аватар комментатора Александр Утышев Автор: Александр Утышев

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

Оставить комментарий

Отправить комментарий Отменить

Топ комментаторов

Сообщение