Photoshop Color Settings для веб-дизайна


9

Какие настройки цветового профиля следует использовать в Photoshop для веб-дизайна? Сохраняет ли эффект калибровки монитора веб-изображения?

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

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

Настройки цвета

введите описание изображения здесь

Сохранить в Интернете

введите описание изображения здесь


1
Возможный дополнительный вопрос - хотя вы объяснили, что веб-версия подходит вам, являются ли вышеуказанные настройки «безопасными», если вам иногда приходилось редактировать чужие изображения CMYK?
e100

Хорошая точка зрения. У меня нет большого опыта печати или CMYK, поэтому я бы не знал.
Chris_O

Ответы:


5

«Управление цветом» и «веб-разработка» никогда не должны использоваться в одном и том же предложении, если только они не квалифицированы как «не беспокоить», «трата времени» или «fuggedaboudit». Причины lawndartcatcher изложены правильно. Я еще не видел офис (кроме студии графического дизайна), где любые два монитора отображали одинаковые цвета. Домашние компьютеры как минимум такие же плохие.

Если вы работаете в основном в Интернете, то по умолчанию должен использоваться sRGB , поскольку это стандарт для Интернета и то, что все пользовательские агенты (браузеры) созданы для отображения.

НЕ вставляйте цветовой профиль в изображения для веб-сайтов. Они увеличивают размер изображения, но не добавляют никакой полезной информации, поэтому все, что вам нужно сделать, это сделать ваши страницы тяжелее. Когда вы сохраняете для Web и устройств из Photoshop, обязательно снимите флажок «Вставить цветовой профиль». В качестве меры безопасности установите флажок «Преобразовать в sRGB» (если вы имеете дело с изображением, которое находится в каком-либо другом цветовом пространстве, и вы забыли преобразовать его).

Чтобы ответить на ваши другие вопросы: Калибровка монитора не влияет на изображения SfW, за исключением случаев, когда вы используете профиль монитора в качестве цветового профиля для изображения (что вы никогда не должны делать по какой-либо причине или для любой цели, кроме, возможно, личных обоев рабочего стола).

PNG-24 полезен для изображений с прозрачностью. Если прозрачность не требуется, jpeg обычно предоставляет файл меньшего размера для изображения того же качества и для простых изображений с небольшим количеством цветов, особенно если они имеют четкие края (классический пример - логотипы) .gif часто является лучшим выбором.


7

Ну, большая проблема в том, что вы будете тратить много времени и усилий на калибровку и выбор цветов (хорошо для вас!), И они, скорее всего, будут просмотрены людьми, которые даже не могут работать Кнопки «Яркость» на их мониторе. У всех моих (не дизайнерских) коллег есть два экрана, и ни один из них даже не соответствует друг другу. Так что, если вы спросите: «Есть ли какой-то особенный красный цвет, который запрашивал мой клиент, всегда будет выглядеть правильно, основываясь на кропотливой калибровке, которую я выполнил?» К сожалению, ответ будет:

Нет.

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

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

Короче говоря, да - все заботы, которые вы принимаете, важны, а настройки, которые вы используете, хороши (хотя я бы лично искал немного более общий профиль RGB). Но у вас будет только такой большой контроль, как только ваш дизайн покинет вашу машину и уйдет в огромный мир незнающих веб-пользователей.


Очень полезно, спасибо! Думаю, меня больше всего беспокоит то, что если я использую графику, которую я создал как цвет # 172550 в Photoshop, мой # 172550 в CSS совпадает с графикой на любом мониторе.
Chris_O

Вы также можете работать с веб-безопасными цветами
Джек,

2
Безопасные веб-цвета - один из хороших способов «ограничить ущерб», но, к сожалению, цвет # 172550 будет выглядеть по-разному по всем направлениям только потому, что подавляющее большинство людей никогда не калибруют свои мониторы. Если бы вы работали в печати, это было бы проще, поскольку профессиональные принтеры работают по стандартам Pantone, чтобы они знали, как выглядит # 172550.
lawndartcatcher

2
Браузеры используют sRGB. Это стандарт W3C. Использование любого другого цветового профиля для изображения гарантирует, что оно будет отличаться при просмотре в браузере.
Алан Гилбертсон

2
Веб-безопасные цвета здесь не имеют значения (и везде: graphicdesign.stackexchange.com/questions/40/… )
e100

3

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

  1. управление цветом Иваном
  2. Советы по управлению цветом в Photoshop для веба
  3. Управление цветом для соответствия цветов на нескольких устройствах
  4. эти настройки никто не должен использовать для фотошопа

Надеюсь, чтобы это не помогло немного .......


Я помню статью Smashing Magazine и последовавшие за ней дебаты. Последняя статья имеет больше смысла. Спасибо!
Chris_O

всегда добро пожаловать ...
Джек,

1

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

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

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

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.