Стратегии профиля цвета для разработки веб -сайтов с фотографиями SRGB и мониторинга RGB Comps

Question

Обзор

Я ищу советы/решения по стандартизации цветовых профилей на COMPS, поэтому цвета градиентов HTML/CSS/смеси, достигнутые в Comp. Я часто получаю PSD, используя Профиль цвета SRGB Поэтому, когда я раскрашу что -то, чтобы воссоздать градиент / значок / или фон цвет шестнадцатеричного цвета, а в результате CSS / HTML -градиент не соответствует исходному градиенту SRGB, предоставленного в Comp. Обычно я просто отбрасываю встроенный цветовой профиль для Мониторинг RGB Профиль цвета, который лучше соответствует цветам PSD, чтобы получить результаты CSS Colors. Вот и пример показывая различия между цветными профилями.

Подробности

Итак, вот затруднительное положение: дизайнер хочет стандартизировать PSDS для использования встроенного профиля цвета SRGB, потому что экспортируемые изображения (JPEG / PNG) сохраняют этот профиль цвета SRGB, чтобы правильно отображаться при загрузке в браузер. Таким образом, фотографии / текстуры / вещи, которые я не могу воссоздать в CSS, будут экспортировать как JPEG / PNG с лучшим профилем SRGB (который является понятным запросом).

Как фронт-разработчик я часто воссоздать Элементы, отображаемые в Comp с использованием CSS и HTML (без изображений), и это требует, чтобы я правильно соответствовал шестигранникам между тем, что находится в PSD, и что отображается на веб -сайте. Итак, я бы предпочел стандартизировать с Мониторинг цветового профиля RGB так что все используют что -то ближе к тому, что на самом деле отображается в браузере.

Просто любопытно, как все остальные подходят к этой проблеме? Часто случаются случаи, когда я использую смесь CSS и PNG для достижения эффекта (особенно эффектов, которые необходимо динамически изменять (размер/оттенки/затенение ...), поэтому экспорт изображение с SRGB и наложение его градиентами CSS/тени заканчивается быть смесью SRGB / Monitor RBG и, следовательно, тонко отличается от Comp.

Формат ответа

Надеюсь, я правильно задал этот вопрос - подходящие ответы просто дадут представление о том, как вы справляетесь с проблемой - или (лучше), если есть функция SCSS srgb () или какой -либо другой алгоритм для преобразования цвета RGB / HEX в SRGB Then Я добавлю его в микшин для нахального.

Answer 1

Вот как мы обеспечиваем консистенцию цвета в Photoshop: правильное прибор цвета и консистенция на сохраненных изображениях для Web.

Настройка цветового пространства Photoshop

Первое, что нам всем нужно сделать, это убедиться, что мы работаем под правильными цветовыми профилями. Чтобы сделать это, следуйте этим шагам:

• Перейти к Edit > Color Settings или же Shift + Command + K или же Shift + Control + K в окнах.
• От Settings Сбросьте выберите North America Web/Internet
• Совершить свои изменения, ударив OK.
• Перейти к View > Proof Setup и выберите Internet Standard RGB (sRGB)
• Хит Command + Y или же Control + Y в окнах, чтобы включить Proof Colors, в качестве альтернативы, вы можете просто пойти в View > Proof Colors

Экспорт (за исключением Интернета)

• При экспорте через Save для Интернета убедитесь, что Convert to sRGB проверено.

Вы закончили, теперь вы должны наслаждаться точностью цвета во всех ваших файлах, а в HTML и изображениях будут обеспечены постоянно отображаться на устройствах и браузерах.