Что такое цветовые профили и как они работают в графическом дизайне
Славянская девушка на рекламном баннере может за несколько кликов превратиться в мулатку… Нюансы цветопередачи определяет цветовой профиль.
Откройте одну и ту же фотографию на стареньком кнопочном телефоне и на последнем айфоне: вы увидите, что цвета различаются. Потому что у гаджетов разные возможности цветопередачи — цветовой охват.
Цветовой профиль (или ICC-профиль) — это файл, в котором записана информация о цветовом охвате того или иного устройства.
К картинкам можно привязывать разные профили, чтобы имитировать их отображение на разных экранах и при разных способах печати. Скажем, если присвоить фотографии профиль с узким цветовым охватом, на экране айфона мы увидим это фото так, как оно отображается на старом кнопочном телефоне.
Пишущий дизайнер. Пришла в профессию, получив второе образование, ранее занималась когнитивными исследованиями, SMM и копирайтингом. Пишет о визуальных трендах, делится наблюдениями из отрасли и техническими лайфхаками.
Что не так с цветовыми моделями
Восприятие цвета субъективно. Для компьютерной графики так не годится, поэтому были созданы цветовые модели — точные описания цветов. В них каждый цвет представляет собой точку в системе координат.
Дизайнеру недостаточно знать координаты цвета, чтобы понимать, как он будет выглядеть. Потому что модели, с которыми приходится работать, — RGB и CMYK — являются аппаратно-зависимыми.
Цветовая модель RGB включает цвета, которые можно воспроизвести на экране, смешав свет от трёх светодиодов: красного, зелёного и синего (RGB: Red, Green, Blue). Координата цвета в RGB — три цифры. Но яркость и оттенки светодиодов у разных устройств разные. Поэтому одна и та же координата на разных экранах может давать визуально разный цвет.
Цветовая модель CMYK содержит цвета, которые получаются на печати, когда смешиваются голубая, пурпурная, жёлтая и чёрная типографские краски (CMYK: Cyan, Magenta, Yellow, Black). Координата цвета в CMYK — это четыре цифры. Но одна и та же пропорция цветов будет визуально различаться в зависимости от качества краски и типа бумаги.
Зачем нужны цветовые профили
Благодаря цветовым профилям на мониторе одного и того же компьютера можно увидеть, как будет смотреться картинка на бумаге разных типов или на разных экранах.
Посмотрите на эти фотографии:
Обе фотографии обрабатывались в модели RGB, но разница цветов очевидна, потому что им были присвоены разные цветовые профили.
На одном мониторе оттенки получатся более яркими, на другом — заметно бледнее. Для дизайнеров, работающих с фирменными цветами компаний, эта разница имеет особенно большое значение. Но точность цветопередачи важна всегда: фотограф тоже едва ли обрадуется, если бледнолицая модель на экране дисплея вдруг превратится в мулатку.
Важно понимать, что при смене профилей цвета на картинке меняются только визуально. Их координаты в цветовой модели RGB или CMYK остаются прежними.
Цветовые профили нужны, чтобы точно передавать и предсказывать цвет. Они помогают сделать цвета, зависящие от возможностей экранов и принтеров, одинаковыми на всех устройствах.
Как работают с цветовыми профилями
Цветовые профили бывают реальными или абстрактными. Реальные описывают охват конкретного устройства, например принтера. Абстрактные — усреднённый охват группы устройств, скажем, нескольких печатных машин со схожими характеристиками. Обычно дизайнеры работают с абстрактными профилями, потому что это удобнее.
Профиль может быть встроен в файл изображения — чаще всего так и происходит. Если взять несколько разных картинок из интернета и открыть в Photoshop, можно увидеть, что у большинства из них есть свой исходный цветовой профиль.
Встраивание профиля в файл позволяет сделать цвета аппаратно-независимыми: информация о цвете будет оставаться неизменной, на каких бы устройствах ни открывали и ни редактировали изображение.
В графическом редакторе любое созданное изображение можно сохранить с выбранным профилем или же оставить вовсе без него. Если изображение не имеет цветового профиля, на экранах оно будет отображаться согласно возможностям устройства. А если открыть такой файл в графической программе, цвета будут соответствовать профилю рабочей области.
Цветовой профиль изображения всегда можно изменить на любой другой: как временно, для удобства работы, так и для последующего сохранения картинки.
Самые популярные профили
Вот несколько конкретных профилей, с которыми чаще всего работают дизайнеры:
Чем профили полезны в работе
Существует множество цветовых профилей, а производители оборудования постоянно создают новые — как для конкретных, так и для абстрактных устройств. Эта технология решает три практических задачи дизайнеров:
Цветовые профили — мощный инструмент, позволяющий создавать более качественные изображения. Они особенно важны тем, кто связан с полиграфией. Хотите правильно работать цветами в своих макетах?
Изучайте графический дизайн под руководством опытных преподавателей Skillbox!
Цветовой профиль и пространства: основные понятия
Работая с цифровыми изображениями, мы рано или поздно сталкиваемся с вопросами, касающимися воспроизведения цветов. Наиболее распространенные из них такие: «Почему на разных мониторах одна и та же картинка выглядит по-разному?», «Почему при печати я вижу другие цвета, не такие, как на мониторе?», «Почему после загрузки в интернет картинка стала выглядеть не так, как в фотошопе?»…
Все эти вопросы имеют отношение к теме нашей статьи. Давайте попробуем с ними разобраться.
Каждое устройство отображения может воспроизводить определенный набор цветов (он называется цветовым охватом устройства, по-английски gamut). Цветовые охваты различных устройств могут заметно отличаться, а цвета, выходящие за границу общего охвата не будут одинаково отображаться на двух устройствах. Например, монитор может отобразить часть цветов, которые недоступны принтеру, и наоборот. Как правило, мониторы лучше отображают светлые яркие цвета (это связано с тем, что изображение на них подсвечивается!). Более того, у разных моделей однотипных устройств (например, мониторов) цветовой охват тоже может сильно различаться.
Цветовой охват среднего струйного принтера. Картинка довольно условная, т.к. один и тот же принтер будет иметь различный охват в зависимости от используемых чернил и бумаги.
Цветное поле — область видимых цветов
**Стандартные цветовые пространства
Для того, чтобы внести определенность в работу с цветом, были «придуманы» абстрактные цветовые пространства — не привязанные к конкретным устройствам. Наиболее известных и распространенных абстрактных пространств три: * sRGB. Это довольно узкое пространство, поэтому практически любой монитор может отобразить все его цвета. Цветовое пространство sRGB является стандартом де-факто для Интернета (и печати изображений во многих фотолабораториях); * Adobe RGB (1998). Это пространство гораздо шире, соответственно, искажений цвета при работе возникает меньше. Оно хорошо приспособлено для подготовки изображений к печати. Однако нужно учитывать, что далеко не каждый монитор способен отобразить все цвета этого пространства. * ProPhoto RGB. Его цветовой охват настолько велик, что включает в себя цвета, которые не воспринимаются человеческим глазом и даже вообще не существуют в природе!
Сравнение цветовых охватов абстрактных цветовых пространств.
Цветное поле — область видимых цветов
Возникает резонный вопрос — так какое же пространство выбрать для работы?
**Подготовка изображений к публикации в Интернете
Если вы планируете загружать обработанные снимки в Интернет или печатать их в фотолаборатории, обязательно (!) преобразовывайте их в пространство sRGB. Дело в том, что многие браузеры считают, что все изображения должны быть в sRGB, и если картинка окажется в другом профиле, то цвет заметно исказится.
Одна и та же картинка в Photoshop и в браузере. Обратите внимание на разницу в цветах!
Если вы работаете в Photoshop, это делается командой меню Редактирование > Преобразовать в профиль (Edit > Convert to Profile). Из многообразия вариантов в списке Целевое пространство (Target Space) надо выбрать sRGB (см. рис.).
Преобразование изображения в профиль sRGB в Photoshop
Другой вариант — сохранять изображения командой Файл > Сохранить для веб (File > Save for Web), в этом случае в диалоге сохранения (слева) надо установить флажок Преобразовать в sRGB (Convert to sRGB).
Преобразование изображения в профиль sRGB при сохранении «для веб»
Если вы используете Lightroom, то в диалоге экспорта также следует выставить sRGB — эта настройка выполняется в секции File Settings.
Настройка цветового профиля при экспорте в Lightroom
Если вы используете другой редактор, там тоже нужно выставить настройки аналогичным образом.
**Когда нужны более широкие пространства?
Если вы используете монитор с широким цветовым охватом, печатаете свои фотоработы на высококачественных фотопринтерах или фотомашинах типа Durst, имеет смысл сохранять работы в более широком пространстве Adobe RGB. Но имейте в виду, что визуально разница будет видна далеко не на всех сюжетах (в сравнении с sRGB).
**Резюмируя сказанное, отметим: если у вас нет веских оснований использовать другие цветовые пространства, имеет смысл работать в sRGB.
Цветовые профили и их использование
Сразу оговорюсь, что я и близко не являюсь профессионалом в области обработки изображений, но хочу поделиться с вами кое-какими полученными знаниями (с примером). Очень надеюсь, что информация будет для вас полезной.
При работе с изображениями многим приходилось сталкиваться с понятием «цветовой профиль». Откуда оно взялось? По определению, цветовой профиль — это набор данных, описывающих устройство цветного ввода или вывода (монитор, принтер и так далее). Профили определяют требования к внешнему виду через соответствия между пространствами цветов и PCS (Profile Connection Space). Пространство связи профиля может быть XYZ или LAB, а соответствия обычно задаются таблицами или «картами».
Если речь идет о цветовом профиле, то имеется в виду профиль, формат которого был утвержден ICC (International Color Consortium). В него входят почти все известные компании, которые имеют отношение к графике: Adobe, Apple, Kodak, Microsoft, Silicon Graphics, Taligent, Canon, DuPont, Fuji, Xerox, Intel, Sony, Epson, Hewlett Packard и многие другие.
Целью консорциума являлась разработка общепризнанного стандарта, описывающего цветовые параметры устройств. Примечательно, что стандарт ICC одинаково успешно может использоваться на разных операционных системах.
Как вам известно, у изображения есть определенный набор пикселей, каждый из которых имеет свой цвет в системе RGB. Эти данные можно представить в цифровом виде. Так мы получаем карту цветов RGB. При хранении информации пиксель сохраняется в виде трех чисел, а при воспроизведении мы получаем конкретные координаты.
Дело в том, что у каждого устройства свое цветовоспроизведение, поэтому некоторые координаты в новой системе могут отсутствовать или неправильно отображаться. Соответственно, карту цветов нужно было усреднить и стандартизировать. Так появилось пространство sRGB, в котором каждой координате ставится в соответствие определенный цвет. Сегодня на sRGB ориентированы все мониторы и принтеры.
С развитием технологий появились и новые пространства: Adobe RGB, ProPhoto RGB и другие, однако sRGB до сих пор остается стандартом представления цветового спектра в модели RGB. Но это лишь теория. Давайте рассмотрим стандартную ситуацию, которая часто встречается на практике. Вы делаете в Photoshop картинки для выкладки в интернете (например, в блоге). Вопрос: как вы поступите при сохранении изображения?
Наверное, многие просто нажмут на «сохранить как» и выберут формат (скорее всего, PNG), а полученное изображение загрузят в блог. Это не всегда правильно, потому что передаточным звеном является браузер. Несмотря на предустановленный вами цветовой профиль, большинство браузеров по умолчанию отображают изображение в sRGB.
Для более правильной цветопередачи желательно не назначать изображению никакой цветовой профиль в Photoshop, а потом сохранять его для просмотра в интернете (функция save for web), при этом выставляя галочку «преобразовать в sRGB».
Вот, что мы получаем при преобразовании в sRGB:
Заметна ли разница?
Картинка была выбрана не случайно. Ценители рядов Фурье, наверное, поймут в чем дело. Это был лишь небольшой экскурс в университетское прошлое. 🙂
В завершение хочу сказать, что, на мой взгляд, такая проблема встречается довольно часто. Возможно, из-за того, что при работе с графикой любители редко обращают внимание на детали, которые являются существенными для профессионалов (к каковым я точно не отношусь). Надеюсь, что в качестве дополнительных знаний эта информация может быть кому-то полезна. По крайней мере, для меня в свое время она таковой оказалась.
А как вы решаете проблему с профилями? Возможно, все намного глубже, чем я здесь представил. Поделитесь своими рецептами.
«Как посмотреть, а какой же цветовой профиль в моей картинке. «
Смотрите также
«Как посмотреть, а какой же цветовой профиль в моей картинке установлен…»
В последнее время я часто слышу, что-то подобное…
«все проделывала в камере RAW. А вот про цветовой профиль не очень поняла. При сохранении снимка у меня стоит галочка напротив «Преобразовать в sRGB». А в самой программе «режим RGB».»
Давайте вместе попробуем разобраться и понять, что-же такое происходит с нашей картинкой и чем-же эти профиля «портят нам картинку» и не сразу, пока картинка дома, вроде как всё нормально, но стоит нам её «отпустить по гулять» на просторы Интернета … и почему-то… с ней обязательно, что ни будь приключиться!
Да, и всё что я буду рассказывать это моё личное мнение, подкреплённое полученными знаниями и по возможности проверенное на собственном опыте, и естественно не является истиной в последней инстанции.
С Фотошопом я уже дружу 12 лет, и честно вам признаюсь, только года через два, после «знакомства», я столкнулся с проблемой, вернее попался свой кадр, размещённый в сети Интернета на котором я сам увидел, как разительно изменился цвет и картинку, как-бы подёрнула серая вуаль – упал контраст. Первое, что в то время пришло в голову сделать, перед загрузкой картинки я стал отправлять её в ФШ (Фотошоп) и там поднимать насыщенность и контраст… и это продолжалось почти год, пока я не окончил пейзажную школу и класс по обработке фотографий. На том сайте была создана закрытая «Пейзажная группа», где мы, можно сказать разбирали «по косточкам» каждую работу, не скрою, доходило чуть «не до мордобоя», но… результаты разборов давали хорошие «пинки мозгам» для дальнейших изучений и познаний фотодела. Так вот именно там, в разговорах я и узнал, что громадная разница в конвертации и назначении профиля, тем более в те годы ФШ был на английском языке и я просто не так понял перевод функции Assign Profile что означает «Назначить профиль», я тогда и «назначал sRGB », что оказалось совсем не правильно.
Возникает вопрос, а зачем ФШ предлагает так много всяких разных профилей, наверняка хочет нас запутать. И если-бы эти профили были не нужны и не важны разработчики сделали-бы просто «профиль Фотошопа » и всё, все довольны и радостны, но это совсем не так. Каждый профиль выполняет только ему порученную задачу. Есть профиль, цветовой охват которого нельзя, в настоящее время посмотреть ни на каком воспроизводящем картинки устройстве, такого просто не существует в природе, но профиль такой есть и он существует много лет.
Если мы снимаем в JPEG и в 8-ми битах и потом дополнительно обрабатываем в ФШ, настройте и в фотокамере съёмку в sRGB, и рабочее пространство ФШ в sRGB.
Для того чтобы в ФШ всегда знать какой цветовой профиль у картинки настраиваем панель «Инфо».
И производите минимальные «телодвижения со слайдерами» (ползунками) в программе. Да, и я знаю, некоторые пользователи сохранённый из фотокамеры JPEG уже в редактируемых программах «переводят» в 16, а иногда и в 32 бита. Поверьте, если информация якобы «лишняя» была отрезана и выброшена в мусор ещё в фотокамере в момент конвертации картинки в JPEG, то она в программе редактирования из неоткуда уже не появится. Да, соответственно «вес файла» увеличится и всё, а информация в файле останется такая же, как и при 8-ми битах. И даже если вы снимаете в JPEG, то фотоаппарат изначально снимает в RAW-формате и те настройки, которые вы устанавливаете перед съёмкой – это настройка внутри камерного конвертера, довольно «грубая», несравнимая с полноценной конвертацией на мощном компьютере, в силу «ограниченных возможностей» встроенного процессора фотоаппарата.
Для «фанатов JPEGa»… пожалуй, и всё.
А что будем делать мы, «те, кто жарит RAW»?
Попробуем ситуацию «устаканить». С чего же лучше начать, надо, я думаю, попробовать эту необъятную тему и информацию, как-то упростить и попробовать понять, исключить все технические термины и процессы, происходящие внутри и картинки и программ… как это ни странно, но знание большого объёма информации и понимание этой информации, две большие разницы. Мне в молодости, в далёких 70-х годах прошлого века, один умный старик сказал: «Знать – это одно, а осознать, то есть понять – это совсем другое». Так что давайте попробуем понять, что нам делать и как проще, правильно сделать.
В англо-язычной Convert to Profile sRGB.
В момент написания этой статьи, чтобы убедиться в правильности моих рассуждений, я сделал тестовые картинки с разными, встроенными в них цветовыми профилями и загрузил сюда на сайт «СуперСнимки». И… все три картинки, практически выглядели одинаково, когда их открываешь в большой размер, а на превью, в маленьком размере они имели тот неприглядный цвет, соответствующий их «не правильному профилю». И эти изменения, видело большинство зрителей.
Хотя были и исключения. Как это ни странно, но я сам, находясь дома у компьютера, видел, что все картинки в большом размере имеют одинаковый цвет, а на работе я видел эти три картинки так, как и должны они выглядеть с неправильным профилем. И приехав к приятелю, у него дома два компьютера, на одном цвет не менялся, а на другом картинки были разные по цвету.
Я задал этот вопрос арт-аналитику, эксперту по цвету, преподавателю Алексею Шадрину, вот что он мне ответил: «При открытии файла в полноразмер начинает работать CMS интернет браузера. На превьюхах она не работает. Правило sRGB актуально и будет оставаться актуальным еще много лет, т. к. не приходится ожидать, что в скором времени все перейдут на охват Adobe RGB.»
И так же было сказано, что не стоит пренебрегать конвертацией в цветовой профиль sRGB перед загрузкой в интернет и надеяться на интернет браузеры. Так, как не известно, насколько качественно и правильно переводятся цвета с разными цветовыми профилями и что люди видят после этого на своих мониторах. Поэтому вывод, если вы хотите, чтобы вашу картинку все люди видели так же, как её видите вы, а не так как там оно получится само собой, то при окончании обработки вы должны перевести цвета в sRGB самостоятельно, под своим собственным контролем. И, НИКОГДА, НИКОГДА, не переключаться на другие цветовые пространства, до тех пор, пока не разберётесь что это такое и зачем они вам нужны!
Я никогда не пользуюсь «автоматическими услугами» ФШ. Всегда делаю в ручную, под своим собственным контролем. Вот скриншот, как я уменьшаю, готовлю для WEB свою картинку в программе ФШ.
Необходимо при подготовке для Интернета сделать так, чтобы не только был сконвертирован правильный профиль sRGB, но чтобы он был ПРОПИСАН в файле! И это ВАЖНО, потому что и с правильным профилем, но не прописанным в файле, Интернет «встречает картинку», как без профиля. И одному создателю Интернета известно, что он с ней в таком случае вытворяет. А если профиль прописан, то картинка без «дополнительных обработок» (касаемо именно цвета) отображается в сетях Интернета, так, как вы и хотели. Я знаю, что эта тема не простая для понимания, и не получается рассказать кратко о ней. И прекрасно знаю, большинство даже не обращают на это внимания, но, а вдруг кто-то задумается и попытается понять эту тему. Вот ещё несколько скриншотов для «общего развития». Что лучше выбрать, когда Фотошоп спрашивает.
Вот так можно посмотреть и проверить, как будет картинка выглядеть в Интернет.
А это, как вариант «автоматического» уменьшения картинки для Интернета.
Я не знаю почему, но многие, я думаю, со мной согласятся, что кофе вкуснее если смолоть зёрна в ручной кофемолке, а не в электрической. Чай из самовара – вкуснее, чем из электрического чайника. Пироги из русской печи гораздо вкуснее, чем из газовой духовки. Да даже тепло исходящее от протопленной русской печи оно совсем не такое, как от батарей отопления. Это я к тому – попробуйте вручную подготовить файл для просмотра в Интернете, а не доверяйте «бездушному автомату» Фотошопа.
Спасибо, что прочитали мои размышления на эту тему, если что-то не понятно спрашивайте, если я знаю ответ, постараюсь ответить, если не знаю, попробуем вместе разобраться.
Просматривая фотографии в ленте сайта, довольно часто вижу работы с «отрезанным» EXIF, да это нормально, но плохо то, что не «прописан» цветовой профиль. И, что делает с картинкой, вернее с её цв. профилем «Создатель Интернета» известно только ему или ей. ;))
Я предлагаю или советую, чтобы не думать, а что же будет с картинкой и её цветом происходить, потратить лишние пару минут при подготовке картинки для Интернета, и самим вручную и удалить EXIF и прописать цветовой профиль.
Сохраняем картинку с новым именем и смело загружаем на любой сайт и при просмотре картинки мы все увидим, что EXIF отсутствует, а цветовой профиль прописан, тот какой требует Интернет, чтобы правильно передавать все цвета вашей картинки и выглядеть это будет, на нашем сайте, вот так.
