Почему мои проекты в Photoshop становятся неоновыми, когда я загружаю их в Интернет?

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

Можете ли вы предоставить скриншот Photoshop, показывающий, как это должно выглядеть?
Что вы отправляете/загружаете? Собственные файлы или преобразование в JPG/PNG/что угодно?
@JohnB Но разве этот скриншот не станет «неоновым»?
@SaturnsEye не уверен, но я подозреваю, что скриншот не будет. Исходя из предположения, что это проблема экспорта, основанная на используемом теге.
@JohnB Хм, правда .. если они используют Windows, они могут использовать Snipping Toolсохранение прямо из этой программы.
@ Доминик, я просто имею в виду фрагмент изображения, чтобы мы могли увидеть, как должны выглядеть цвета.

Ответы (3)

В сети везде sRGB. Если вы загружаете изображение, созданное в ProPhoto или Adobe RGB, оно будет отображаться в Интернете, как если бы оно было в формате sRGB. Результатом является большое или небольшое изменение цвета, в зависимости от изображения. Это гарантированно произойдет, если ваше изображение не имеет встроенного цветового профиля; существует несколько обстоятельств, при которых цветовой профиль будет признан.

Вы можете получить некоторый опыт работы с этим эффектом, немного поэкспериментировав в Photoshop. Откройте изображение и используйте Edit > Assign Profile( не Преобразовать в профиль) для переключения между различными цветовыми профилями. Сделайте это с несколькими разными изображениями, и вы научитесь распознавать эффект, когда увидите его. Если вашим цветовым профилем по умолчанию является Adobe RGB, и вы загружаете изображение из Интернета (скажем, в поиске изображений Google), оно почти наверняка не будет иметь встроенного цветового профиля. Откройте его в Photoshop, и вы увидите, что цвета, особенно оттенки кожи, выглядят слишком насыщенными, слишком красными. Теперь назначьте цветовой профиль sRGB, и вы сразу увидите разницу.

Этот ответ повышает ценность почти стереотипного вопроса «Справочного центра Adobe». Вы не просто ответили на вопрос, но вместо этого, как обычно, вы поделились информацией, которая создает более глубокое понимание, чем простой ответ «как это исправить», вероятно, усвоив трудный путь, отнимающий много времени. +1 :)
Многие вопросы, которые кажутся элементарными, являются отличной отправной точкой, из которой можно получить небольшое представление или понимание. Буквальный ответ — просто ответ на заданный вопрос — был бы довольно коротким и не имел бы большой ценности. Это древний принцип: если вы научите человека ловить рыбу, вы накормите его на всю жизнь.

Вы используете «Сохранить для Интернета»?

Если это так, я бы дважды проверил, установлены ли настройки профиля RGB на sRGB, и отметьте опцию «Преобразовать в sRGB» в «Сохранить для Интернета». Убедитесь, что вы не установили настройки цвета Photoshop на свой монитор RGB.

Цветовой режим вашего файла изображения — CMYK. Цветовой профиль — US Web Coated (SWOP) v2.

Поскольку цветовой режим дисплеев — RGB, браузер не может напрямую отображать это изображение. Браузер, который не поддерживает управление цветом (например, Internet Explorer 8), может вообще не показывать это изображение.

Однако различные браузеры поддерживают профили ICC (ICC версии 2 или даже версии 4). Совместимый браузер может использовать встроенный цветовой профиль (US Web Coated (SWOP) v2) и преобразовывать данные в цветовой режим RGB и в подходящее цветовое пространство. Целевое пространство обычно соответствует профилю sRGB или предпочтительно (в откалиброванной системе) цветовому профилю дисплея.

В этом случае преобразование может дать смешанные результаты. Например, изображение выглядит хорошо в Internet Explorer 11 и Safari, но странно в Firefox. Точные причины не ясны, поскольку преобразование является внутренним процессом конкретного браузера. Различные параметры преобразования могут отличаться от браузера к браузеру. Кроме того, в этом случае браузер должен конвертировать не только цветовой профиль, но и цветовой режим.

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

Чтобы решить эти проблемы, вы можете захотеть преобразовать изображение в цветовой режим RGB и в подходящий цветовой профиль самостоятельно (в Photoshop), чтобы вы могли управлять различными параметрами преобразования, и поэтому браузерам не нужно это делать. преобразования с неопределенными результатами позже.

Для веб-презентации обычно следует преобразовывать изображения в профиль sRGB. Однако в этом случае гамма sRGB может не подходить для покрытия оттенков голубого на вашем изображении. Поэтому вы можете рассмотреть возможность использования профиля Adobe RGB, который охватывает эти цвета. Однако браузеры, не поддерживающие управление цветом (например, Internet Explorer 8), не могут правильно отображать цвета изображений, использующих профиль Adobe RGB.

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