Разработка и ведение стартапов, изготовление сайтов, дизайн печатной и сувенирной продукции, продвижение.

Цветовой профиль в фотошопе и его настройка для Web-мастера и верстальщика

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

    Правильно настраиваем цветовой профиль в фотошопе.

    Открываем фотошоп и идем в меню Редактирование -> Настройка цветов или нажимаем на комбинацию клавиш Shift + Ctrl + K. В открывшемся окне настроек цветов устанавливаем следующие параметры:
     

    • RGB: RGB монитора (Monitor RGB) — «тут профиль вашего монитора» (в кавычках должен быть ваш профиль монитора)
    • CMYK: U.S. Web Coated (SWOP) v2
    • Градации серого (Gray): Dot Gain 20%
    • Плашка (Spot): Dot Gain 20%
    • Выставляем все три галочки на пунктах: Несовпадение профилей (Profile Mismatches), Отсутствие профилей (Missing Profiles). Это нужно для того, чтобы картинкам присваивался профиль вашего дисплея.

    Цветовой профиль в фотошопе и его настройка
     

    Сохранение картинки для Web


    Если вы хотите оптимизировав сохранить картинку для сайта:

    • идем в меню Файл -> Сохранить для Web и устройств… (сочетание CNTR+SHIFT+ALT+S)
    • В открывшемся окне находим пункт «Преобразовать в sRGB» снимаем с него галочку
    • Это делается для того, чтобы картинке вообще не присваивался никакой профиль.
    • Выбираем нужный формат — jpg, gif или png и сохраняем

    Цветовой профиль в фотошопе и его настройка

    Теперь  картинки будут соответствовать макету дизайнера и смотреться одинаково во всех браузерах.