Изображения и фотографии · Изменение размера изображений в социальных сетях
Дисплей P3, sRGB и холст: почему цвета могут меняться при изменении размера
· Фон
управление цветом холст качество изображения
Многие телефоны снимают в широком цветовом пространстве Display P3, тогда как холсты браузера и большинство каналов социальных сетей используют sRGB, поэтому перекодирование изображения может изменить его насыщенность. В этом посте описываются цветовые пространства, встроенные профили и что проверять после изменения размера.
Закат, потерявший свою привлекательность — конкретный симптом фотографии с широкой гаммой, перекодированной для Интернета
Насыщенный закат может выглядеть более плоским после изменения размера браузера, но сам по себе симптом не идентифицирует одно преобразование цвета. Источник может содержать профиль, браузер может его интерпретировать, холст может использовать собственное цветовое пространство, а новый закодированный файл может не включать метаданные, необходимые другому средству просмотра.
Ограничение ToolAcre тщательно сформулировано: цветовые профили не сохраняются через холст, поэтому изображение с необычным встроенным профилем может слегка сместиться. Он не обещает фиксированного алгоритма преобразования sRGB. Эта статья следует этим более узким доказательствам и рекомендует прямое сравнение вместо универсального диагноза.
sRGB и Display P3 — полезные концепции, но поведение при захвате телефона является доказательством за пределами хранилища.
Цветовое пространство определяет, как числовые значения каналов сопоставляются с цветами. sRGB широко используется для веб-изображений, а Display P3 охватывает более широкую область для некоторых цветов. «Шире» не означает, что каждая фотография использует этот дополнительный диапазон, и репозиторий не определяет, какие телефоны по умолчанию снимают P3.
Два файла могут содержать одинаковые номера каналов и по-разному отображаться при интерпретации в разных профилях. И наоборот, преобразование с управлением цветом может изменить числа, сохраняя при этом внешний вид. Вот почему копирования значений пикселей или взгляда на насыщенность недостаточно, чтобы описать весь цветовой путь.
Встроенные профили ICC — как файл сообщает зрителю, какое пространство означают его цифры, и что происходит, когда профиль отсутствует
Встроенный профиль ICC предоставляет информацию о интерпретации средству просмотра с управлением цветом. Если профиль отсутствует, программное обеспечение применяет свои собственные предположения по умолчанию. Social Image Resizer не извлекает исходный профиль и не передает его в encodeCanvas; новый Blob создается из визуализированного холста.
Это упущение отличается от доказательства того, что каждый вывод помечен тегом sRGB. Чтобы узнать, что написал конкретный кодировщик браузера, проверьте файл. Чтобы узнать, остался ли внешний вид приемлемым, сравните обработанные оригиналы и результаты в контролируемых условиях. Метаданные и визуальные доказательства отвечают на связанные, но разные вопросы.
Инструмент не сохраняет исходные профили; точное преобразование цветов холста контролируется браузером
В книге указано, что холсты по умолчанию работают в формате sRGB. API холста браузера имеют развивающиеся возможности управления цветом, и это приложение не запрашивает явный параметр colorSpace при создании или кодировании контекста. Таким образом, точное декодирование, преобразование и поведение вывода относятся к реализации браузера.
Заявление о безопасности продукта заключается в том, что исходные профили не сохраняются в этом рабочем процессе. Запишите браузер и версию, если цвет имеет значение. Другой движок может интерпретировать или кодировать один и тот же источник по-разному, даже если оба выполняют один и тот же вызов renderFrame и возвращают одни и те же размеры.
Поведение целевого канала и цвета экрана необходимо наблюдать, а не обобщать.
Было бы также слишком обобщенно сказать, что большинство каналов и экранов делают этот сдвиг невидимым. Репозиторий не содержит данных о месте назначения и отображаемой совокупности. Изменение цвета может быть незначительным для одной аудитории и критически важным для фирменной графики, иллюстраций или фотографий продукта. Принятие относится к фактическому контексту поставки.
Сравнивайте на репрезентативном экране с нормальной яркостью и в предварительном просмотре места назначения, если это возможно. Держите оригинал на виду рядом с локальным выводом, чтобы память не подменяла доказательства. Если точный цвет бренда является обязательным, используйте производственный процесс с управлением цветом с четкими профилями и средствами контроля цветопробы.
Работающий пример: сравниваем один профилируемый источник и вывод без прописывания двух экранных результатов
Выберите нечувствительный источник с известным встроенным профилем и насыщенными, но естественными цветами. Проверьте его профиль, измените его размер с помощью ToolAcre и проверьте выходные данные. Просматривайте оба файла рядом в одном приложении и браузере с управлением цветом. Отмечайте любые изменения, не относя их к непроверенному этапу.
Повторите действия на втором экране, только если этот экран является частью реальной аудитории или рабочего процесса проверки. Целью не является получение заранее определенного результата сравнения P3 и sRGB. Целью этой операции является сбор файлов и доказательств внешнего вида для конкретного источника, кодировщика браузера и задействованных дисплеев.
Что сюда не входит — профессиональное управление цветом, программная цветопроба и форматы HDR; технические примечания Social Image Resizer описывают, как он обрабатывает профили.
Профессиональная программная цветопроба, форматы HDR и калиброванная печать находятся за пределами этого приложения. Ввод ограничен декодируемыми браузером JPEG, PNG и WebP, а вывод использует кодировщики холста браузера. Здесь нет выбора профиля, управления намерением рендеринга или этапа калибровки монитора.
Эти потребности требуют специального программного обеспечения для управления цветом. ToolAcre остается подходящим для быстрых социальных производных, когда наблюдаемый результат является приемлемым. Знание границ профиля помогает командам решить, какие изображения являются обычными, а какие требуют более строгого цветового конвейера.
Вывод: знайте, в каком месте находится ваш файл — Social Image Resizer перекодирует его в браузере, поэтому сравните результат с оригиналом на экране, который использует ваша аудитория.
Узнайте состояние профиля источника и рассматривайте файл с измененным размером как новый цветовой артефакт. Приложение может доказать, что оно перерисовывает пиксели и не сохраняет исходный профиль намеренно; он не может обещать одну точную конверсию во всех браузерах и пунктах назначения.
Сравните, проверьте и задокументируйте. Если выходные данные проходят на репрезентативных экранах и в пункте назначения, доказательства подтверждают доставку. Если это не удастся, вернитесь к рабочему процессу с контролируемым цветом, а не пытайтесь слепо исправить насыщенность с помощью другого экспорта холста.