Почему картинка выглядит по-разному на разных экранах — и что с этим делать

Разбираемся в разных способах решить проблему: от покупки монитора до выставления специальных настроек в Photoshop.

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

Объясняем, почему так происходит, и рассказываем, что с этим делать.

Цвета по-разному отображаются из-за разницы в цветопередаче приборов: например, картинки на дисплеях с шестибитной матрицей будут блеклыми, а на устройствах Apple наоборот — излишне насыщенные и яркие. Одна из причин, почему устройства Apple перенасыщают картинку — технология True Tone, которая начала появляться в большинстве устройств компании после 2016.

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

Идеального решения нет: люди все равно будут смотреть на ваши рисунки и фотографии с разного «железа», цветопередача которого сильно отличается друг от друга.

Но всё же есть некоторые решения, с которыми разница между дисплеями не будет столь велика. Пройдемся по каждому варианту.

Это лучший вариант, хоть и подходит не всем. Можно обойтись и без покупки нового «железа», но об этом чуть позже.

У хорошего монитора высок параметр цветопередачи, из-за чего прибор отображает цвета и оттенки картины более правдоподобно и без излишнего ухода в желтизну, голубой оттенок и другие цветовые искажения.

При выборе монитора ориентируйтесь на 4 главных параметра:

Тип матрицы. Матрица отвечает за качество отображения цвета, контрастность и другие параметры.

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

Сравнение матриц под разными углами. Источник

Уровень контрастности. Параметр отвечает за соотношение яркости белого и чёрного.

Чем выше контрастность — тем лучше отображаются полутона и тем естественнее выглядит изображение. Показатель 1000:1 подойдёт для работы с цветом, но если вы ориентируетесь на печать — лучше выбрать модель с показателем 3000:1.

Глубина цвета. От глубины цвета зависит количество цветов, отображаемых монитором.

Большинство дисплеев, с которых будут просматривать картинку, не обладают дорогой десятибитной матрицей, из-за чего тончайшие цветовые переходы упрощаются. Это и приводит к тому, что на дорогом мониторе картинка может быть яркой и сочной, а на простеньком смартфоне — тусклой и блеклой.

Совет: отказывайтесь от дешёвых шестибитных мониторов, но и не тратьтесь на дорогущий десятибитный вариант. Берите монитор с восьмибитной матрицей и внедренной технологией FRC. С помощью этой технологии восьмибитная матрица при 16 миллионах охватываемых цветов создает иллюзию отображения оттенков, которые есть в десятибитных матрицах.

Цветовой охват. От цветового охвата зависит, сколько цветов может выдавать монитор, и насколько это количество соответствует мировым стандартам цветового спектра.

Для корректной цветопередачи выбирайте монитор с охватом sRGB в районе 100% и выше. Стремиться к такому же 100% уровню охвата Adobe RGB нежелательно, ибо тогда вы получите перенасыщенную картинку.

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

Подробнее читайте в нашей статье о том, какой монитор стоит выбирать художникам. Там вы найдете ещё больше полезной информации по выбору хорошему монитора.

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

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

Cо временем мониторы теряют яркость и их цвета искажаются. Калибровка вернёт неискаженный цветовой профиль и снизит разницу в цвете между разными приборами.

В среднем калибровка занимает от получаса до часа, в зависимости от исходных настроек и цветопередачи монитора. Чем больше цветов задействовано в процессе калибровки, тем больше времени займёт калибровка и тем точнее будет финальный цветовой профиль.

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

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

Atrise Lutcurve 4

Программа со множеством параметров настройки. Atrise совместима даже со старыми ОС Windows и способна калибровать дисплеи с разрешением экрана от 1024×768.

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

Работает без колориметра и предлагает пользователю самому выстроить настройки на основе показанных картинок. У программы есть русский интерфейс.

DisplayCAL

Программа на основе ArgyllCMS — системы управления цветом с открытым исходным кодом. Работает в связке с колориметром, у неё большое количество настроек, понятный интерфейс и встроенный русский интерфейс.

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

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

Калибровку проводят так: колориметр устанавливают на верхнюю часть дисплея, чтобы устройство считало цветовые показания и отправило данные в программу по калибровке.

После этого компьютер определяет, соответствует ли изображение цветовым стандартам. Если нет — вносит поправку для выбранного цвета или оттенка.

После анализа калибратор даёт подсказки — какую яркость, контраст и цветность выставить, — а также создает файл цветового профиля, который загружается в видеопамять, а затем — в операционную систему.

В среднем цена на калибрующее устройство начинается от 20 000₽, поэтому проще взять устройство с рук или в арендовать его на один день на том же Авито.

Если живёте в большом городе, то специалист сможет приехать к вам на дом вместе со своим устройством.

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

В калибровке каждые полгода нуждаются не все мониторы. Профессиональные экраны удерживают настройки по 9-12 месяцев. Бытовые мониторы и телефоны держат настройки меньше, но встречаются модели, которые сохраняют калибровку по 7-8 месяцев.

Экспортируйте арты с выставленной галочкой sRGB

Ментор в Smirnov School Павел Олейник советует экспортировать картинки из Фотошопа с активированной галочкой sRGB — так мы подводим палитру под общий цветовой стандарт.

Не делайте тени слишком черными, а свет — белым

Павел советует не делать супер-черных теней и совсем белого света из-за того, что некоторые экраны не считывают определенное количество оттенков темного и светлого.

Выставляйте одинаковый цветовой профиль в разных настройках

Преподаватель в Smirnov School Татьяна Загунова советует выставить одинаковый цветовой профиль в настройках холста и на выгрузку jpeg/png.

Проверить это можно в настройках Edit-> Color settings-> окно Working spaces и Edit-> Convert to profile-> пункт Profile.

В обоих настройках должен стоять одинаковый цветовой профиль.

Ещё один совет от Татьяны: контролируйте отображение цветов в Фотошопе на красном цвете. Красный цвет не должен быть сильно холодным или сильно смещен в сторону оранжевого оттенка.

Следите за тенями в рисунке

По словам Татьяны, не менее важно следить за тенями: они не должны быть сильно черными в чёрно-белом режиме, а в цвете обязательно должны иметь оттенок, который будет гармонировать с окружающей средой, атмосферой и освещением.

Сохраняйте картинки через функцию Save for Web

Ментор в Smirnov School Дмитрий Парчутов советует сохранять картинки через оптимизацию изображений для веб-страниц.

Чтобы это сделать, пройдите по следующему пути: File -> Export -> Save for Web. Дмитрий рекомендует сохранять картинки в таком режиме в формате PNG-24.

Избегайте перенасыщенных цветов

Вторая рекомендация Дмитрия — избегать использования излишне насыщенных оттенков, которые могут упроститься на более простых дисплеях.

Ориентируйтесь на желаемое устройство

Последний совет: ориентируйтесь на то устройство, где чаще всего смотрят ваши рисунки или фотографии.

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

Только не ориентируйтесь на устройства Apple. В устройства Apple встроены хорошие матрицы, но они делают картинки ярче, чем они есть на самом деле. Это может сыграть с вами злую шутку, если вы, например, будете работать в очень тёмной палитре — чересчур тёмные оттенки на других устройствах будут не видны.

Текст написал Никита Барышников, автор в Smirnov School. Мы готовим концепт-художников, левел-артистов и 3D-моделеров для игр и анимации. Если придёте к нам на курс, не забудьте спросить о скидке для читателей с DTF.

#монитор #калибровка