Почему картинка выглядит по-разному на разных экранах — и что с этим делать
Разбираемся в разных способах решить проблему: от покупки монитора до выставления специальных настроек в Photoshop.
На мониторе компьютера картинка выглядит идеально, но при переброске на ноутбук появляется странная блеклость цветов. А если посмотреть на свою работу через экран планшета или телефона, то вариантов одной и той же картины станет ещё больше.
Объясняем, почему так происходит, и рассказываем, что с этим делать.
Цвета по-разному отображаются из-за разницы в цветопередаче приборов: например, картинки на дисплеях с шестибитной матрицей будут блеклыми, а на устройствах Apple наоборот — излишне насыщенные и яркие. Одна из причин, почему устройства Apple перенасыщают картинку — технология True Tone, которая начала появляться в большинстве устройств компании после 2016.
Идеального решения нет: люди все равно будут смотреть на ваши рисунки и фотографии с разного «железа», цветопередача которого сильно отличается друг от друга.
Но всё же есть некоторые решения, с которыми разница между дисплеями не будет столь велика. Пройдемся по каждому варианту.
Это лучший вариант, хоть и подходит не всем. Можно обойтись и без покупки нового «железа», но об этом чуть позже.
У хорошего монитора высок параметр цветопередачи, из-за чего прибор отображает цвета и оттенки картины более правдоподобно и без излишнего ухода в желтизну, голубой оттенок и другие цветовые искажения.
При выборе монитора ориентируйтесь на 4 главных параметра:
Тип матрицы. Матрица отвечает за качество отображения цвета, контрастность и другие параметры.
Художникам, дизайнерам и фотографам лучше выбрать монитор с IPS-матрицей: у неё качественная цветопередача и высокая контрастность. Из минусов — высокая цена.
Сравнение матриц под разными углами. Источник
Уровень контрастности. Параметр отвечает за соотношение яркости белого и чёрного.
Чем выше контрастность — тем лучше отображаются полутона и тем естественнее выглядит изображение. Показатель 1000:1 подойдёт для работы с цветом, но если вы ориентируетесь на печать — лучше выбрать модель с показателем 3000:1.
Глубина цвета. От глубины цвета зависит количество цветов, отображаемых монитором.
Большинство дисплеев, с которых будут просматривать картинку, не обладают дорогой десятибитной матрицей, из-за чего тончайшие цветовые переходы упрощаются. Это и приводит к тому, что на дорогом мониторе картинка может быть яркой и сочной, а на простеньком смартфоне — тусклой и блеклой.
Совет: отказывайтесь от дешёвых шестибитных мониторов, но и не тратьтесь на дорогущий десятибитный вариант. Берите монитор с восьмибитной матрицей и внедренной технологией FRC. С помощью этой технологии восьмибитная матрица при 16 миллионах охватываемых цветов создает иллюзию отображения оттенков, которые есть в десятибитных матрицах.
Цветовой охват. От цветового охвата зависит, сколько цветов может выдавать монитор, и насколько это количество соответствует мировым стандартам цветового спектра.
Для корректной цветопередачи выбирайте монитор с охватом sRGB в районе 100% и выше. Стремиться к такому же 100% уровню охвата Adobe RGB нежелательно, ибо тогда вы получите перенасыщенную картинку.
Да, на вашем мониторе всё будет смотреться красочно, но простой пользователь не увидит все тонкости высокобюджетного подхода. Отсутствующие цвета на бюджетном дисплее упрощаются и вы столкнётесь с той самой проблемой, из-за которой начали читать эту статью.
Подробнее читайте в нашей статье о том, какой монитор стоит выбирать художникам. Там вы найдете ещё больше полезной информации по выбору хорошему монитора.
Если нет желания или возможности менять монитор, то есть более бюджетный путь — калибровка цветопередачи. Калибровка не даст такой классный результат, как покупка нового и качественного устройства, но результат будет.
Цель калибровки — настроить яркость и контраст под общепринятый цветовой стандарт, в котором работают профессиональные художники и дизайнеры.
Cо временем мониторы теряют яркость и их цвета искажаются. Калибровка вернёт неискаженный цветовой профиль и снизит разницу в цвете между разными приборами.
Пример отображения фото до и после калибровки монитора. Источник
В среднем калибровка занимает от получаса до часа, в зависимости от исходных настроек и цветопередачи монитора. Чем больше цветов задействовано в процессе калибровки, тем больше времени займёт калибровка и тем точнее будет финальный цветовой профиль.
Калибровка малоэффективна для мониторов с TN-матрицами и устройств с цветовым охватом 70% sRGB из-за некорректной цветопередачи.
Устройства от Apple также практически не калибруются приборами. Все настройки цвета происходят в операционной системе в специальном помощнике по калибровке. Из-за этого любое новое обновление может автоматически изменить параметры цветопередачи без вашего ведома.
С помощью встроенной программы можно «откалибровать» и Windows, но такая «калибровка» проводится на глаз и зависит от внешнего освещения, зрения калибровщика и других факторов. Это скорее быстрое выставление приятных глазу настроек, нежели правильная настройка цветопередачи.
Несколько лучше с калибровкой справляются сторонние программы. Программ для калибровки много, но мы посоветуем две: одна из них изменяет цветопередачу без использования внешних устройств, а вторая работает в связке с колориметром.
- Цена: 1800 рублей. Есть пробная версия на 30 дней.
- Платформы: Windows.
Программа со множеством параметров настройки. Atrise совместима даже со старыми ОС Windows и способна калибровать дисплеи с разрешением экрана от 1024×768.
С Atrise вы поэтапно настроите контрастность, гамму, баланс цветов и яркость картинки, после чего программа предложит загрузить настроенный цветовой профиль.
Работает без колориметра и предлагает пользователю самому выстроить настройки на основе показанных картинок. У программы есть русский интерфейс.
- Цена: бесплатно.
- Платформы: Windows, MacOS, Linux.
Программа на основе 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.
Проблема не в том как настроить свой монитор, а в том, что нельзя настроить мониторы у всех, кто смотрит твои фото. Я, например, обрабатываю фото на ноутбуке с IPS матрицей, который брал специально под это дело. А когда я смотрю вылизанные до состояния конфетки фото на своем основном мониторе от компа с TN матрицей, там картинка получается такой, что без слез не взглянешь. Но фото-то я делаю не для себя и смотрят их люди с самыми разными мониторами и с самых разных устройств. И вот некоторым "везёт", а некоторые смотрят и думают — что за говнофотограф, как вообще можно так снимать?
Всё дело в букве, однозначно
Какой ноутбук используешь?
Между чем выбирал, когда искал?
Актуальный вопрос, потому что многие со стороны тупо говорят — бери Mac, он сделан для художников/фотографов, но еду понятно, что есть варианты не уступающие по цветопередаче и по более разумной цене
Калибруются монитор, принтер, и ТВ. На любой вопрос можно распечатать фото, показать на ТВ. Фото лежат в облаке год, несколько вариантов для Инстаграма, ВК, под печать, и ТД. Все эти процессы автоматизируются. Работал фотографом больше 7 лет назад, фото с тех времён, худшая работа в мире.
+, у меня это особенно остро стояло насчёт баланса белого и чёрного. Помню, как раньше горячо переживал из-за того, что в обработке всё прекрасно выглядит, а у одного в гостях откроешь — и там чёрные дыры вместо теней, другому перешлёшь, а там всё наоборот — пишет, мол, "Всё сплошь серО, куда контраст дел, дурик?"
А потом я просто
Очевидно если у тебя монитор откалиброван правильно, и отображает цвета корректно-будет наилучший результат для усреднённого большинства. При этом, кстати, не имеет никакого значения технология матрицы(более того, ips может быть даже вреден, ибо засветы), но имеет значение её цветовой охват(в отличии от стимдека, в котором калибровка замечательная, и которого с головой хватает для игр, но охват которого слишком мал для проф. работы с цветом).
В общем то если ты этого не понимаешь, то фотограф ты и вправду не то что бы говно, но недоразобравшийся в матчасти.
Хз написано это в тексте или нет. Если покупаете бу колориметр или заказывайте услуги по калибровке монитора то узнайте дату производства аппарата. Со временем они изнашиваются и начинают работать с цветами неправильно.
В целом звать спец с колориметром (не дай боХ с спайдером) это ваще какая-то дичь, если уже звать кого-то, то спец точно должен с спектрофотометром, колориметры все херня как раз из-за не точности, а точность у них выходит месяца через 3 даже не использования.
слышал у звукорежиссеров и аранжировщиков есть shit-контроль такой — они слушают сведенный трек на каком-нибудь стрёмном аудио-устройстве, чтобы понять, как оно будет звучать у рандомного слушателя без акустики за тысячи евро
Звучит разумно, профессиональный фотограф будет часами выправлять гамму на топовом мониторе, а 99% увидят его фотографию на мобиле в инстаграме. Так заморачиваться имеет смысл если прланируется какая-то серьезная печать плаката или журнала.
Да, есть такое, причём желательно на разных устройствах: мобильный телефон, аудио в машине, дешёвые задрыпаные колонки Genius, китайские затычки за 200 рублей, стандартный дешёвый муз.центр и т.д.
Частенько наоборот вылезает всякое говно наружу, которое совершенно не ожидаешь услышать и которое не слышно на качественной аппаратуре.
я больше скажу, многие из них в обычной жизни слушают музыку именно на таких наушниках или колонках, а мониторы им чисто для работы.
Да пох, я настроил как моему глазу приятно и все. Мне может нравятся холодные оттенки. А в какой то другой игрие наоборот теплые
Я вообще играю на минимальной яркости, цвета немного не те, но глаза привыкли
Выглядит как опасная рекламная статья.
картинки на дисплеях с шестибитной матрицей будут блеклыми
Это и приводит к тому, что на дорогом мониторе картинка может быть яркой и сочной, а на простеньком смартфоне — тусклой и блеклой.
отказывайтесь от дешёвых шестибитных мониторов
Разрядность не имеет отношения ни к насыщенности, ни к яркости. Не хватает разрядности — появляется бандинг на градиентах. И где достать 6 бит без FRC? Так легко опускать FRC нельзя, она фактически делает монитор 8-битным (если не учитывать, что некоторые замечают мерцание, что на некоторых давит сам факт "неполноценности" и что некоторые уходят в эзотерику а-ля "прослушивание электролита в конденсаторах").
"Стремиться к такому же 100% уровню охвата Adobe RGB нежелательно", а вторая статья по ссылке: "для работы с полиграфией — параметр Adobe RGB должен быть близок к 100%".
"Калибровка не даст такой классный результат, как покупка нового". Что классного в работе наугад без калибровки и без цветовых профилей по принципу "купите монитор с хорошим (но не слишком) охватом Adobe RGB": "стремиться к такому же 100% уровню охвата Adobe RGB нежелательно, ибо тогда вы получите перенасыщенную картинку"?
Отсутствующие цвета на бюджетном дисплее упрощаются
оттенков, которые могут упроститься на более простых дисплеях.
Упрощение цветов — это слишком сильное упрощение, после которого не ясен смысл фразы. Это цвета вне охвата sRGB, которые нужно как-то замаппить внутрь треугольника sRGB. Есть разные способы:
https://en.wikipedia.org/wiki/Color_management#Rendering_intent
Четыре стандартные опции, которые можно выбрать в операционке, в браузере, в редакторе, в метаданных изображения. И которые могут игнорироваться, переопределяться или просто не работать.
Про нежелательность стремления к охвату Adobe RGB вообще очень странная рекомендация.
Насколько мне известно, многие профессионалы как раз во время работы используют более широкий цветовой охват. То есть сконвертировать исходник с более широким цветовым охватом потом в sRGB возможно. В обратную сторону — нет.
Однозначно говорить, что монитор приближающийся по охвату к adobe RGB не нужен — ну это, как минимум, странно. Хотя конечно хз кто считается целевой аудиторией данной статьи.
Да и вообще писать пост о том почему картинка везде выглядит по разному и не написать ни слова про CMS. Ну, короче, статья от Smirnov School, больше тут и не скажешь. Ну не совсем конечно для домохозяек, но уровень весьма скромный.
Цветопередача изображений товара
Цвета на мониторе могут отличаться от реальных цветов! Цвет материала продукции Edifier может отличаться по тону в зависимости от настроек вашего монитора! Мы сделали всё возможное, чтобы цвета наших продуктов на экране компьютера или мобильного устройства соответствовали действительности. Однако цвета на экране могут изменяться в зависимости от настроек цветового профиля и разрешения монитора. Поэтому при выборе товара нельзя полагаться исключительно на те цвета, которые вы видите на нашем сайте!
В окружающем нас мире нет чистых цветов. Любой цвет, так или иначе, может иметь отлив или отсвет. Так, например, не бывает чистого белого или чёрного цвета. Чёрный цвет может иметь, например, коричневый отлив. Белый цвет может иметь оттенок кремового или слоновой кости. Немаловажную роль в отображении цвета играет и само освещение. В зависимости от того, в каком освещении находится предмет в интерьере, его оттенок может восприниматься глазом человека по-разному при различном освещении!
Предупреждение по цветопередаче
Знакомясь с образцами продукции, представленными на сайте и в печатных материалах Фабрики “Готика” необходимо принимать во внимание некоторые существенные моменты, связанные с точностью передачи цвета и внешнего вида продукции.
Цвет продукции Фабрики “Готика” на экране монитора может отличаться от реального. Цвет изделий передан с максимальной степенью точности, допускаемой современными технологиями, которые не позволяют учитывать цветопередачу различных мониторов.
Цвет продукции Фабрики “Готика” в брошюрах и прочих печатных материалах передан с той степенью точности, которую допускает современная полиграфия, и может отличаться от реального.
Мы рекомендуем Вам делать свой выбор по образцам, представленным в наших шоурумах.
Отраслевая специфика производства продукции Фабрики “Готика” допускает отклонения в цветовой гамме отгружаемых изделий от выставочных образцов. В основном такие отклонения могут быть вызваны следующими причинами.
- Различная влажность выставочного образца и поставляемых изделий. Повышенная влажность делает цвета изделий более темными, цветовые переходы чрезмерно контрастными, при этом некоторые цветовые оттенки могут быть вовсе не видны. Со временем, по мере выхода из изделий избыточной влаги, цвет полностью нормализуется и приходит в соответствие с выставочным образцом.
- Разные источники и условия освещения, в том числе и углы падения света, а также углы зрения существенным образом влияют на восприятие цвета и фактуры. Рассматривайте образцы при естественном освещении, располагая их аналогично тому, как они будут расположены после монтажа.
- Возможная вариативность цвета исходных природных составляющих, применяемых в процессе производства изделий.
- Другими причинами, связанными с психофизиологическими особенностями цветовосприятия.
Практически весь иллюстративный материал, используемый компанией – реальные объекты, построенные на территории Российской Федерации, за исключением особо оговоренных.
Что надо знать о цветопередаче при покупках онлайн?
Темнее, ярче, выразительнее, сочнее. Приглушённый, матовый, блестящий.
Речь пойдёт о цветопередаче.
Для покупателя вопрос актуальный, важный!
Для продавца острый наболевший!
Разные экранные настройки наших гаджетов не дают гарантии, что оттенок изделия, материала мы с вами увидим одинаково.
Передать на 100% цвет ткани или вязаного изделия через фотографию на мониторе невозможно!
- Экран каждого устройства индивидуален. Отличаются цветопередача, качество, яркость. Не говоря уже о настройках самого пользователя. Кто-то регулирует экран на большую яркость, кто-то любит приглушенные цвета, у кого-то стоит режим день-ночь, когда смартфон автоматически меняет не только яркость, но и температуру экрана. Нюансов масса.
В результате продавец видит свое изделие на одном экране, а покупатель на другом.
- Цвет будет выглядеть по-разному при разном освещении.
Естественное освещение будет отличаться от искусственного.
Вы заметите разницу искусственного домашнего и искусственного студийного света.
Естественное освещение, в свою очередь, будет иметь много различий — помещение, улица, пасмурная или солнечная погода, ночь или день. Т.е. нюансов снова множество!
Поэтому и возможный сценарий «встреча со своей покупкой», связанный с цветом изделия, далеко не один…
- Вы открыли посылку прямо на почте при тусклом свете или дома вечером. Лампочки тёплого или холодного освещения горят у вас в данный момент? Обои светлые или тёмные? Здесь вы можете увидеть вместо зелёного черный или серый, вместо бирюзового синий. Оттенки красного настолько хамелеоны, что фотографы, даже профи, хватаются за голову, когда нужно снимать капризный красный… Если не знать таких важных характеристик цветопередачи, можно и расстроится не на шутку: «Кошмар! Я другой цвет заказывал!» — срочно пишем мы гневное послание продавцу.
- Цвет на улице в безоблачный солнечный день будет сочнее. Желаемый приглушённый тон покажется вам ярче, чем в пасмурную погоду.
- В окружающем нас мире нет чистых цветов. Любой цвет, так или иначе, может иметь отлив или отсвет. Так, например, не бывает чистого белого или чёрного цвета. Чёрный цвет может иметь, например, коричневый или синий отлив. Белый цвет может иметь ледяной оттенок, кремовый или слоновой кости.
Если говорить конкретно о выборе цвета вязаного изделия, хочу привлечь ваше внимание ещё к некоторым деталям.
- Часто заказчик просит связать понравившуюся ему модель, выбирая цвет ниточки, с которой мы ещё не работали. В этом варианте нужно учитывать те же риски цветопередачи, что я перечислила ранее, плюс возможные погрешности оттенка на фото у продавца.
- Ещё один подводный камень: разные партии пряжи могут незначительно, в пределах определённой поставщиком нормы, отличаться друг от друга. Как правило, разница небольшая, но исключения бывают.
Не спешите расстраиваться, если вам кажется, что на фото в магазине был другой оттенок изделия. В случае вязаных вещей, мы носим их в основном на улице. Там и нужно оценивать цвет. И про нюансы погоды не забудьте, пожалуйста! 🙂
Поверьте, продавец, как правило, делает всё возможное, чтобы показать наиболее точно цвет модели. Но не всё зависит только от нашего старания. Всё пункты, которые я перечислила выше необходимо учитывать, когда вы принимаете решение о покупке онлайн.
Если точность оттенка вам крайне важна, то лучше всего выбирать вещь, как говориться, вживую.
Ну а если, всё же решили совершить покупку в интернет, уточните у продавца значимые для вас детали. Попросите предоставить больше фото с разных ракурсов и в других локациях, если есть возможность. Спросите, есть ли образцы данного цвета на других моделях?
И даже если вы уточнили все нюансы, помните, что вы смотрите на одно и то же фото с разных экранов.:)