Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 139
>если верстальщик испольует МасOS, а дизайнер Win.
А мне казалось всегда наоборот )
А мне казалось всегда наоборот )
это пояснению на тот случай, если действительно откроется темнее.
У меня как раз такой случай. Не буду расводить холивор, но верстать под маком горасдо удобнее и приятнее)
Автору Спасибо. Неделю назад така проблема была. Так и не решил.
Автору Спасибо. Неделю назад така проблема была. Так и не решил.
Точно, и заодно проверять на [irony]кроссбраузерность[/irony]
Это тебе Рома(kodji) рассказал? :) Но а серьезны мы оба понимаем, что хоть в 7ке, хоть макоси нужна виртуалка для ие 6. Хотя вроде уже решили проблему падающего ИЕТестера.
:) Просто смущает «удобнее» (про приятность промолчу — у меня иногда складывается ощущение, что с маками идет внагрузку пару ящиков марихуаны :))
Ну а почему нет? ИМХО лучший редактор кода + удобный маковкский УИ + приятность, да. Минусов вообще не вижу. Витуалка так интегрируется в систему, что не только окна ие как родные, но и в меню «открыть с помощью...» есть все соответствуищие программы. А современный мак не особо чувствует запущенную в себе ХР.
Отлично всё объяснили. Иду проверять это на своих фотографиях. По крайней мере на тех, где важна цветопередача.
Спасибо за рецепты, у меня периодически возникала такая проблема.
Спасибо! Отличная статья, обязательно добавлю в закладки и скину ее дизайнеру :)
У Вадима Макеева (Pepelsbey) был интересный доклад, в нём он раскрывал в том числе и эту тему — pepelsbey.net/2009/02/with-knife-against-train/
Никогда не понимал плееров без возможности перемотки. Есть в другом плеере?
AVI-версия должна быть где-то здесь:
clubs.ya.ru/company/replies.xml?item_no=15607 (точнее не могу сказать, инет несколько урезан)
clubs.ya.ru/company/replies.xml?item_no=15607 (точнее не могу сказать, инет несколько урезан)
Самую последнию версию доклада с киевского субботника можно скачать здесь или вот прямая ссылка на файл: С ножом против паровоза 2.
а я то думаю что макеты на маке всегда выглядят ярче :)
Если поставить два моника с одним макетом. Один Мак, другой Вин, то скорее всего мак выдаст ярче картинку… и бледнее.
ну в последней линейке ноутов и на Cinema LED Display картинка выглядит намного ярче и цветов однозначно больше. заметно невооруженном взглядом.
Светодиодная подсветка творит чудеса. А вот если моник с люминесцентной подсветкой то гамму лучше и правду поставить на 2.2
Светодиодная подсветка творит чудеса. А вот если моник с люминесцентной подсветкой то гамму лучше и правду поставить на 2.2
вот не пониаю: как разница, каким источником света подсвечивать картинку?
Объясните?
Объясните?
Если вам нужен развернутый ответ, то лучше погуглите. А если общий, то посмотрите на цвет ваших джинс при обычной лампочке и люминесцентной лампой.
Обычная лампочка это что, светодиод? Или все же накаливания? Если так, то Вы, верно, намекаете на непрерывный спектр? Так у диода он скорее на CCFL похож, чем на ильича. Там тот же люминофор.
А какого цвета джинсы будет зависеть все таки от цвета джинс (читай — цвета пикселя), а он зависит от нас с вами (от значений, передаваемых по кабелю монитора).
Так что — все же не убедили.
И я не спорю, я сам не пользовался LED, но убедительных аргументов в пользу последней я пока не видел (кроме энергопотребления и прочей экологии).
А какого цвета джинсы будет зависеть все таки от цвета джинс (читай — цвета пикселя), а он зависит от нас с вами (от значений, передаваемых по кабелю монитора).
Так что — все же не убедили.
И я не спорю, я сам не пользовался LED, но убедительных аргументов в пользу последней я пока не видел (кроме энергопотребления и прочей экологии).
недавно был пост со сравнением на эту тему
В целом все верно, но можно еще сохранять макеты без профиля принудительно. Хотя если честно в вебе это не сильно критично, критчней в полиграфии, где цвета могут уплыть, как будто кто то грибов поел.
А еще дизайнера очень хорошо можно воспитать работе с профилями, если дать поработать в полиграфии, где важен профиль монитора, профиль печатной машины и профиль принтера на котором делается цифровая (:)) ) цветопроба. Ну эт я все про цмик.
=) А вообще рабочее место должно быть правильно оформлено -) за статью респект )
А еще дизайнера очень хорошо можно воспитать работе с профилями, если дать поработать в полиграфии, где важен профиль монитора, профиль печатной машины и профиль принтера на котором делается цифровая (:)) ) цветопроба. Ну эт я все про цмик.
=) А вообще рабочее место должно быть правильно оформлено -) за статью респект )
Дизайнеры Турбомилка смеются над этим постом и призывают ни в коем случае так не делать! Этож надо додуматься — в sRGB работать! Это ж мазохизм и мракобесие — искуственно «резать» цветопередачу и динамический диапазон монитора.
Если мы рисуем что-то для веба, то самое верное решение:
1) Работать на нормальных мониторах (калиброванных или нормально руками настроенных)
2) Отключить нафик менеджмент цветов (или поставить monitor color)
3) Не цеплять к макетам профили, а если профиль прицеплен, то игнорировать его
Если мы рисуем что-то для веба, то самое верное решение:
1) Работать на нормальных мониторах (калиброванных или нормально руками настроенных)
2) Отключить нафик менеджмент цветов (или поставить monitor color)
3) Не цеплять к макетам профили, а если профиль прицеплен, то игнорировать его
Ээ, простите, а на какой монитор у пользователя вы рассчитываете, когда выходите за пределы sRGB?!
Не поверишь, но на любой. У пользователя могут быть разные мониторы. Хотя в последнее время «средний монитор» стал намного лучше. Дело в том, что надо так рисовать, чтоб основные элементы видно было на любом мониторе. Но искуственно «сдерживать» картинку через профиль — не вижу смысла.
Тем более, ужасный совет про верстальщиков (свзяка дизайнер-верстальщик), которые тоже должны ставить профиль и цеплять его к картинкам. Есть некоторые «особо умные» браузеры, которые берут значение гаммы из картинки (например, история с Safari и PNG) и тогда вообще ужас получается.
Похоже, что автор статьи имеет не очень большой опыт в вещах, про которые он пишет.
Тем более, ужасный совет про верстальщиков (свзяка дизайнер-верстальщик), которые тоже должны ставить профиль и цеплять его к картинкам. Есть некоторые «особо умные» браузеры, которые берут значение гаммы из картинки (например, история с Safari и PNG) и тогда вообще ужас получается.
Похоже, что автор статьи имеет не очень большой опыт в вещах, про которые он пишет.
В статье вообще то есть пункт «использовать указанный профиль». Использование других профилей нормально, если дизайнер понимает зачем это надо, верстальщик понимает, что с этим делать (и имеет хороший монитор, а не ноутбук как у многих начинающих, или 17 дуюймовую трубку) и менеджер (клиент) понимает, что его офисный компьютер срам полный и его пора менять.
Я рассматривал частные случаи. Чтобы писать внутриконтинентальные рекомендации, нужно быть соответственно внутри компании :)
Я рассматривал частные случаи. Чтобы писать внутриконтинентальные рекомендации, нужно быть соответственно внутри компании :)
В том и дело, что это ошибка. Я уже много лет координирую работу множества дизайнеров и верстальщиков на разном оборудовании (маки, линукс, винда). Я пишу про реальный успешный опыт, а не теорию. Профили надо инорировать, не нужно «использовать указанный профиль».
У тебя есть реальный опыт работы? Или все вышенаписанное основано на 2-3 проектах с туманным настоящим и будущим?
У тебя есть реальный опыт работы? Или все вышенаписанное основано на 2-3 проектах с туманным настоящим и будущим?
Есть конечно, из головы такое не высосешь. Если я отвергаю профиль дизайнера, то картинка на выходе у меня другая. Опиши как ты тут мир достигаешь (отдельная статья, было бы шикарно, благо вы практикуете).
Нормальный дизайнер не будет цеплять профиль. Иногда, как вариант, вместе с psd-файлом прикладывается jpg или png файл с «плоской» картинкой. Там уже нормальные цвета. Пусть верстальщик с этим файлом сравнивает.
>> Нормальный дизайнер не будет цеплять профиль.
Так по умолчанию наложится то sRGB.
Так по умолчанию наложится то sRGB.
У меня в браузере показываются именно те цвета, что я нарисовал. Один в один. (мак: сафари, файрфокс) Что я делаю не так?
вы видите это на маке. я сам пользователь мака. и часто мой напарник-верстальщик ругал то за темные тени, то за цвета — оказалось мы видим разные вещи.
s54.radikal.ru/i146/0908/bb/34cd48a4f060.jpg WIN
i053.radikal.ru/0908/35/f89b912c93ba.jpg MAC
s54.radikal.ru/i146/0908/bb/34cd48a4f060.jpg WIN
i053.radikal.ru/0908/35/f89b912c93ba.jpg MAC
денис, вы же сами об этом писали в 2008 году: turbomilk.ru/blog/journal/apple_gamma_22/
понятно, что на маке все одинаково.
понятно, что на маке все одинаково.
Спасибо, что следите за нашим блогом! Мы много чего писали, например, вот это: turbomilk.ru/blog/cookbook/adobephotoshop/gamma_correction_we_wanted_the_best_you_know_the_rest/
Но ставить sRBG мы не предлагали никогда и, надеюсь, этого не произойдет и в будущем.
Но ставить sRBG мы не предлагали никогда и, надеюсь, этого не произойдет и в будущем.
спасибо за блог и за ответ. скажите у вас какая гамма стоит? как решаете проблему, что на pc графика выглядит иначе нежели сделал дизайнер?
Лично у меня стоит гамма 1.8. У некоторых на маках стоит 2.2. Если поставить рядом мониторы с разными гаммами, то картинка будет разной. Но это все очень субъективно.
Вот, к примеру, я нарисовал макет в гамме 1.8. Потом отдал верстальщику. Если смотреть на сайт с моего монитора, то все выглядит именно так, как я нарисовал. Такая же ситуация на стороне верстальщика. Он взял файл и видит его в гамме 2.2, он его сверстал и тоже видит в браузере такую же картинку как на макете.
Наверное, немного запутано написал. Вопщем суть в том, что нужно нафик color management отключать и профили не цеплять. Это все справедливо только для веба, для полиграфии все иначе.
Вот, к примеру, я нарисовал макет в гамме 1.8. Потом отдал верстальщику. Если смотреть на сайт с моего монитора, то все выглядит именно так, как я нарисовал. Такая же ситуация на стороне верстальщика. Он взял файл и видит его в гамме 2.2, он его сверстал и тоже видит в браузере такую же картинку как на макете.
Наверное, немного запутано написал. Вопщем суть в том, что нужно нафик color management отключать и профили не цеплять. Это все справедливо только для веба, для полиграфии все иначе.
спасибо, все понятно. мой вопрос как раз в этапе рисования. вы говорите, что нарисовали макет в 1.8 — этапы с верстальщиками не важны. важно, как этот макет смотрится на мониторах у пользователей с 2.2? насколько критична разница, насколько это важно делать дизайн для большинства?
про профили понятно — отключил. спасибо за совет.
про профили понятно — отключил. спасибо за совет.
Ну когда я рисую, то держу в голове, что макет у других людей будет чуть темнее и стараюсь «не темнить». Там отличие проявляется почти на граничных значениях.
Я как-то пробовал ставить гамму 2,2 на маке, но все как-то некрасиво и «пережжено» стало выглядеть. Я убежден, что дело тут в привычке.
Я как-то пробовал ставить гамму 2,2 на маке, но все как-то некрасиво и «пережжено» стало выглядеть. Я убежден, что дело тут в привычке.
спасибо за экспертные ответы!
«Когда я рисую, то держу в голове, что макет у других людей будет чуть темнее и „не темнить“» — отличный совет. Сразу становится понятно что и как делать.
А мне казалось, что проще всем рисовать в одной гамме и в одном цветовом профиле.
А мне казалось, что проще всем рисовать в одной гамме и в одном цветовом профиле.
вадим, у вас какая гамма на макбуке?
2.2, я об этом подробно рассказал в докладе, посмотрите комментарии чуть выше.
>«Когда я рисую, то держу в голове, что макет у других людей будет чуть темнее и „не темнить“» — отличный совет.
Когда пользователь приходит на сайт, он без понятия какие цвета использовал дизайнер рисуя макет. Он без понятия как оно всё должно выглядеть — он видит то, что видит. Он вообще не обращает внимания на цвет если он его не раздражает.
Ну пусть у верстальщика макет выглядит не совсем так как у дизайнера, но ведь у посетителя сайта он будет выглядеть вообще совсем иначе — ни так ни так. Мониторы все разные, нет смысла рвать попу по этому поводу.
Чаще всего я прихожу в офис к заказчику показать в интернете сделанный сайт и плачу. Офисные дешёвые мониторы, которых большинство, показывают что‐то такое, что цветами назвать можно очень условно. При этом заказчик восторгается красотой его сайта.
Так чего мудрить?
Когда пользователь приходит на сайт, он без понятия какие цвета использовал дизайнер рисуя макет. Он без понятия как оно всё должно выглядеть — он видит то, что видит. Он вообще не обращает внимания на цвет если он его не раздражает.
Ну пусть у верстальщика макет выглядит не совсем так как у дизайнера, но ведь у посетителя сайта он будет выглядеть вообще совсем иначе — ни так ни так. Мониторы все разные, нет смысла рвать попу по этому поводу.
Чаще всего я прихожу в офис к заказчику показать в интернете сделанный сайт и плачу. Офисные дешёвые мониторы, которых большинство, показывают что‐то такое, что цветами назвать можно очень условно. При этом заказчик восторгается красотой его сайта.
Так чего мудрить?
Тут дело не в мудряже.
Типичная ситуация: тёмный сайт, который рисовали на Windows. Контраст и всё остальное на месте, видны именно те детали, которые нужны. Фото, градиенты и прочее.
Если тоже самое потом посмтреть на маке — будет засвечено. Деталей будет больше, всё чуть сдвинуто.
Или же обратная ситуация (рисовали на маке, смотрят на винде) — на Windows часть деталей будет просто не видна.
Всё это справедливо для самых хороших мониторов, как для одной системы, так и для другой.
Типичная ситуация: тёмный сайт, который рисовали на Windows. Контраст и всё остальное на месте, видны именно те детали, которые нужны. Фото, градиенты и прочее.
Если тоже самое потом посмтреть на маке — будет засвечено. Деталей будет больше, всё чуть сдвинуто.
Или же обратная ситуация (рисовали на маке, смотрят на винде) — на Windows часть деталей будет просто не видна.
Всё это справедливо для самых хороших мониторов, как для одной системы, так и для другой.
Некропостинг, но… в этой ветке kortunov демонстрирует феерическую некомпетентность в обсуждаемом вопросе.
Не принимайте эти советы близко к сердцу.
Не принимайте эти советы близко к сердцу.
Привет из 2015. А как правильно?
Ну как бы целая статья выше о том, как правильно. И ниже есть толковый комментарий.
Их не нужно воспринимать как абсолютную догму (можно порассуждать насчет нюансов), но в целом подход описан верно.
А вот фраза «искусственно резать цветопередачу и динамический диапазон монитора» совершенно точно выдает безграмотность автора (кстати, смысл термина «динамический диапазон» он тоже не понимает).
Их не нужно воспринимать как абсолютную догму (можно порассуждать насчет нюансов), но в целом подход описан верно.
А вот фраза «искусственно резать цветопередачу и динамический диапазон монитора» совершенно точно выдает безграмотность автора (кстати, смысл термина «динамический диапазон» он тоже не понимает).
Отключать нужно Color Management, тогда не будет ничего накладываться.
И если в настройках RGB будет стоять sRGB, это будет значить, что вы увидите в фотошопе вашу картинку такой, какой она бы отобразилась на мониторе, цветопередача которого соответствует sRGB. Сами значения цветов в картинке никак не меняются, профиль используется только для превью в фотошопе или для конвертации из другого пространства.
И если в настройках RGB будет стоять sRGB, это будет значить, что вы увидите в фотошопе вашу картинку такой, какой она бы отобразилась на мониторе, цветопередача которого соответствует sRGB. Сами значения цветов в картинке никак не меняются, профиль используется только для превью в фотошопе или для конвертации из другого пространства.
Я бы с удовольствием прочитал о цветопередаче в линуксе и калибровке монитора там же. Серьезно, не для холивара…
Читайте: linuxgraphics.
Есть некоторые «особо умные» браузеры, которые берут значение гаммы из картинки (например, история с Safari и PNG) и тогда вообще ужас получается.
Нюанс состоит в том, что если рисовать и экспортировать в sRGB, то профиль к картинкам не цепляется.
>> Не цеплять к макетам профили, а если профиль прицеплен, то игнорировать его
Пока я буду объяснять, почему картинки выглядят иначе, чем нарисовал дизайнер, клиент свалит к другому исполнителю.
Пока я буду объяснять, почему картинки выглядят иначе, чем нарисовал дизайнер, клиент свалит к другому исполнителю.
Рядовые пользователи смеются над постом таких дизайнеров смотря в дешевые офисные неоткалиброванные мониторы которые в лучшем случае способны поддержать sRGB.
web=sRGB — стандарт индустрии сегодня.
web=sRGB — стандарт индустрии сегодня.
Они смотрят в мониторы и видят привычную им картинку (они не видели другой). Но если монитор чуть лучше, то картинка тоже будет лучше, а не тухлым говном. Это все равно, что из-за того что существуют люди-дальтоники перекрашивать весь мир в черно-белый (или какой-то другой) цвет. Ведь все должны видеть одинаковую картинку!
В итоге все довольны. Смотрите в будущее, в будущем у всех будут хорошие мониторты с широким динамическим диапазоном.
В итоге все довольны. Смотрите в будущее, в будущем у всех будут хорошие мониторты с широким динамическим диапазоном.
Проблема не только в качестве мониторов, но и в количестве бит на пиксель.
Сейчас практически везде используется 24-битные форматы (8 бит на канал).
Хранить яркость без компрессии не эффективно, т.к. мы воспринимаем яркость (как и громкость) логарифмически.
Чем ярче точки, тем менее заметна между ними разница.
Соответственно, в идеале наши 8 бит (256 градаций) необходимо распределить неравномерно: темным пикселям — больше разрешения, светлым — меньше.
Давным-давно на помощь пришли CRT мониторы, которые по дикой случайности тоже воспроизводят яркость нелинейно.
Если нормализировать напряжение подаваемое на точку в диапазон 0-1 (V), то её яркость получается пропорциональна V^(1/gamma).
У типичного CRT монитора, gamma=2.2 (оппа! вот откуда ростут ноги у sRGB).
Возможно, у CRT мониторов apple нативная гамма была 1.8. А может 1.8 просто потому что think different :-\
Поэтому если вывести на экран #808080 мы получим яркость не 0.5(mid-grey), а примерно 0.217 (0.287 на apple).
Художники работают с изображениями и корректируют их «на глаз». Сами того не зная, они оптимизируют изображение одновременно для представления в памяти и для отображения на _их конкретном мониторе_!
Но сегодня у LCD мониторов соотношение напряжение/яркость — линейно. Поэтому коррекция происходит искусственно при декодировании пикселя монитором. Обычно используется именно гамма 2.2 для совместимости с CRT.
Операционные системы имеют свои функции _дополнительной_ гамма-коррекции. Ну и многие графические утилиты и драйвера предлогают свои меоды коррекции в добавок. Некоторые драйвера предлогают выбрать гамму независимо для всех трех каналов.
Я подозреваю, это всё чтобы окончательно заморочить голову большинству пользователей: вместо одного места для fuck-up-а (настройки монитора), у нас появилось хрен знает сколько.
Возможно, в будущем мы все будем кодировать наши цвета в HDR форматы (как минимум 16 бит на канал). И у всех будут линейные мониторы.
Тогда мы забудем всё это как страшный сон.
А сейчас, на мой взгляд rule of thumb такой:
— выбрать sRGB во всех приложениях (т.е. чтобы приложения ничего сами не конвертировали);
— Не сохранять никаких профилей в изображениях (sRGB по умолчанию);
— Корректировать яркость/гамму настройками монитора (т.е. в ОДНОМ месте);
— Смотреть на разультат на разных компьютерах. Корректировать гамму изображения _в соответствии с результатами_. В самом-самом конце. Один раз.
PS:
И это всё еще даже без упоминания всевозможных графических алгоритмов. Обычно они работают в гамме 1.
Например, что получится если взять изображение 2x1, один пиксель белый, другой черный и resize его в 1x1?
Сейчас практически везде используется 24-битные форматы (8 бит на канал).
Хранить яркость без компрессии не эффективно, т.к. мы воспринимаем яркость (как и громкость) логарифмически.
Чем ярче точки, тем менее заметна между ними разница.
Соответственно, в идеале наши 8 бит (256 градаций) необходимо распределить неравномерно: темным пикселям — больше разрешения, светлым — меньше.
Давным-давно на помощь пришли CRT мониторы, которые по дикой случайности тоже воспроизводят яркость нелинейно.
Если нормализировать напряжение подаваемое на точку в диапазон 0-1 (V), то её яркость получается пропорциональна V^(1/gamma).
У типичного CRT монитора, gamma=2.2 (оппа! вот откуда ростут ноги у sRGB).
Возможно, у CRT мониторов apple нативная гамма была 1.8. А может 1.8 просто потому что think different :-\
Поэтому если вывести на экран #808080 мы получим яркость не 0.5(mid-grey), а примерно 0.217 (0.287 на apple).
Художники работают с изображениями и корректируют их «на глаз». Сами того не зная, они оптимизируют изображение одновременно для представления в памяти и для отображения на _их конкретном мониторе_!
Но сегодня у LCD мониторов соотношение напряжение/яркость — линейно. Поэтому коррекция происходит искусственно при декодировании пикселя монитором. Обычно используется именно гамма 2.2 для совместимости с CRT.
Операционные системы имеют свои функции _дополнительной_ гамма-коррекции. Ну и многие графические утилиты и драйвера предлогают свои меоды коррекции в добавок. Некоторые драйвера предлогают выбрать гамму независимо для всех трех каналов.
Я подозреваю, это всё чтобы окончательно заморочить голову большинству пользователей: вместо одного места для fuck-up-а (настройки монитора), у нас появилось хрен знает сколько.
Возможно, в будущем мы все будем кодировать наши цвета в HDR форматы (как минимум 16 бит на канал). И у всех будут линейные мониторы.
Тогда мы забудем всё это как страшный сон.
А сейчас, на мой взгляд rule of thumb такой:
— выбрать sRGB во всех приложениях (т.е. чтобы приложения ничего сами не конвертировали);
— Не сохранять никаких профилей в изображениях (sRGB по умолчанию);
— Корректировать яркость/гамму настройками монитора (т.е. в ОДНОМ месте);
— Смотреть на разультат на разных компьютерах. Корректировать гамму изображения _в соответствии с результатами_. В самом-самом конце. Один раз.
PS:
И это всё еще даже без упоминания всевозможных графических алгоритмов. Обычно они работают в гамме 1.
Например, что получится если взять изображение 2x1, один пиксель белый, другой черный и resize его в 1x1?
Неоднозначно.
В малых пределах — не страшно, конечно. Особенно для рисованных иконок — вы ведь ими занимаетесь в первую очередь?
А если у дизайнера Wide Gamut монитор? Вы тоже будете отключать color management, и что дальше? Делать все цвета в два раза насыщеннее, чтобы среднестатистический пользователь со своим около-sRGB монитором увидел их нормальными? Или сделаете цвета под себя и смиритесь, что он увидит все очень бледным?
В малых пределах — не страшно, конечно. Особенно для рисованных иконок — вы ведь ими занимаетесь в первую очередь?
А если у дизайнера Wide Gamut монитор? Вы тоже будете отключать color management, и что дальше? Делать все цвета в два раза насыщеннее, чтобы среднестатистический пользователь со своим около-sRGB монитором увидел их нормальными? Или сделаете цвета под себя и смиритесь, что он увидит все очень бледным?
Вы не могли бы написать статью на эту тему? Было бы стократ круче, чем критика новых коробок Mac OS
Отключая у себя профиль, но имея в настройках Color Settings выставлный sRGB, в просто работаете в том же самом sRGB. :)
Если такой файл получит другой дизайнер, у которого вытавлен хитрый профиль не sRGB, то он не будет знать чтоже делать с этим файлом. По идее он должен его открыть также как и вы через Discard, но в итоге он получит макет своем рабочем хитром профиле. А сохранять Save For Web прибется тоже хитро.
Так зачем всем вокруг хитрить, если изначальны именно вы ПО-ЛЮБОМУ работаете в sRGB? Повесть профиль на PSD — всем станет легче.
Если такой файл получит другой дизайнер, у которого вытавлен хитрый профиль не sRGB, то он не будет знать чтоже делать с этим файлом. По идее он должен его открыть также как и вы через Discard, но в итоге он получит макет своем рабочем хитром профиле. А сохранять Save For Web прибется тоже хитро.
Так зачем всем вокруг хитрить, если изначальны именно вы ПО-ЛЮБОМУ работаете в sRGB? Повесть профиль на PSD — всем станет легче.
Вообще, дизайн для web на калиброванном мониторе — спорный момент. У подавляющего большинства пользователей обычные офисные мониторы, имхо подстраиваться надо под них, подгоняя и сохраняя конечный результат для web на таких же мониторах.
А как у меня на проекте, иной фотограф, опубликовав карточку и получив комментарий типа «Тени провалены, света выбиты», отвечает «Твой моник барахло, на моей Иияме (или Мицубиси) все в полном порядке». Если конечный результат не зависит от средств просмотра (печатное издание, плакат, календарь), то да, тут только калиброванный монитор, а ежели процесс показа картинки не контролируется автором, тут уповать на профили/проф.мониторы/калибраторы просто глупо.
А как у меня на проекте, иной фотограф, опубликовав карточку и получив комментарий типа «Тени провалены, света выбиты», отвечает «Твой моник барахло, на моей Иияме (или Мицубиси) все в полном порядке». Если конечный результат не зависит от средств просмотра (печатное издание, плакат, календарь), то да, тут только калиброванный монитор, а ежели процесс показа картинки не контролируется автором, тут уповать на профили/проф.мониторы/калибраторы просто глупо.
Верно сказано, черт побери. Верно.
Да и вообще карточки надо печатать на бумаге, тогда таких вопросов вообще не возникнет :)
Не соглашусь, любой фотограф, ведущий в интернете активную жизнь, готовит два варианта изображения: для печати и для публикации в блоге или на фотосайте. Насчет печатных вариантов я согласен, если ты профессионал — жизненно необходимо иметь правильно (правильно по отношению к печатающему аппарату) настроенный монитор, можно обычный TFT, но если позволяют деньги, на IPS-матрице или, еще лучше, хорошую трубку. Но вариант для публикации в инете должен быть рассчитан именно на рядового пользователя с монитором за 150 y.e.
А то получится как с IE, сверстают для FF, а в IE каша, а верстальщик скажет — мол, «в топку ваш IE!». Это банальное неуважение к зрителю/пользователю.
А то получится как с IE, сверстают для FF, а в IE каша, а верстальщик скажет — мол, «в топку ваш IE!». Это банальное неуважение к зрителю/пользователю.
Неужели «хорошая трубка» показывает лучше s-ips матрицы? Приведите пример этой трубки. (только чур не закатывать глаза и не вспоминать про какие-ньть barco)
Значит Вы просто не в теме.
Можете ставить свои минусы, мне все равно. У меня есть десятки знакомых фотографов, не говнофотографов, который снимают всякую хрень и выкладывают в яндкес.говнофотках, а фотохудожников, имеющих золотые медали FIAP, являющимися членами этой организации или же членами Союза Фотохудожников России, которые помимо печати формата 50х70см на многочисленные выставки выставляются на многих фотосайтах, на моем или на Фотолайне или на Фотографер.ру, при этом они тщательно следят за качеством того, что выкладывают.
Именно поэтому нужно иметь монитор круче, чем у фотографа, и этот монитор должен быть откалиброван. Это непробиваемый аргумент в споре с любым фотографом и офисным планктоном. И директору тоже купите такой же монитор, если не хотите его убеждать, что у вас все нормально, а вот у всех остальных как бог на душу положит.
А конвертацию фотки из профиля фотографа в правильный sRGB нужно делать по алгоритму Perceptual, тогда и меньше вони от фотографа будет.
А конвертацию фотки из профиля фотографа в правильный sRGB нужно делать по алгоритму Perceptual, тогда и меньше вони от фотографа будет.
м… а если дизайнер, работая со своим Cinema HD_BQB01072007, по окончании перед отправкой конвертнёт в sRGB? это разве не самый правильный вариант? (ну и самый простой, если не учитывать «муки» дизайнера?)
спасибо, сменил настройки фотошопа.
Могу добавить, что на маке в новой системе 10.6 гамма по умолчанию 2.2.
А разве верстальщик на глаз подбирает цвет? А я думал он пипеткой тыкает и хекс код цвета вписывает в ЦСС-ы…
Вы бы хоть разобрались в вопросе, прежде чем статью писать.
Галочка Dither вообще никакого отношения к цвету не имеет. Эта функция добавляет при конвертации незаметный шум, который позволяет передавать плавные градиенты без тональных «ступенек» даже тогда, когда между соседними областями разница в один бит.
(Для понимания принципа достаточно увеличить картинку.)
А про калибрацию для веба я согласен с дизайнерами Турбомилка. И вообще, прочитайте уже все Маргулиса в конце-концов. После этого вы сотрете из своих закладок все сайты с туториалами по фотошопу, и никому не нужны будут подобные посты.
Галочка Dither вообще никакого отношения к цвету не имеет. Эта функция добавляет при конвертации незаметный шум, который позволяет передавать плавные градиенты без тональных «ступенек» даже тогда, когда между соседними областями разница в один бит.
(Для понимания принципа достаточно увеличить картинку.)
А про калибрацию для веба я согласен с дизайнерами Турбомилка. И вообще, прочитайте уже все Маргулиса в конце-концов. После этого вы сотрете из своих закладок все сайты с туториалами по фотошопу, и никому не нужны будут подобные посты.
>> та функция добавляет при конвертации незаметный шум…
Искусственный интеллект рулит? Magic Wand наврное ныне выделяет лучше чем матерый специалист по ретуши.
Или незаметный, это как ядерный гриб посреди Москвы в 4 утра?
Искусственный интеллект рулит? Magic Wand наврное ныне выделяет лучше чем матерый специалист по ретуши.
Или незаметный, это как ядерный гриб посреди Москвы в 4 утра?
Все понятно. Вам следует поменять местами гласные в вашем нике и будет ок.
Эээ… Даже не знаю, что тут ответить.
Для справки:
Когда вы пользуетесь инструментом (или слоем) градиент в фотошопе, в ваши градиенты добавляется этот шум, а вы этого даже не замечаете. Вы вообще впервые о нем узнали из моего комментария, хотя постоянно видите его в тысячах изображений.
Для справки:
Когда вы пользуетесь инструментом (или слоем) градиент в фотошопе, в ваши градиенты добавляется этот шум, а вы этого даже не замечаете. Вы вообще впервые о нем узнали из моего комментария, хотя постоянно видите его в тысячах изображений.
RGB, но поскольку но, поскольку,
исправте.
исправте.
Поясните пожалуйста. Что значит «отключаем управление цветом на уровне системы»?
Этот никак не поможет донести до пользователей то, что надо.
Вот например у меня есть живой пример на нашей проекте
moederevo.com/InviteStats/
Табкисоставлены их двух картинок и фона. Фон средствами html.
На каждой системе смотрится по разному. У кого-то заметные разлиия между крайними картинками и html фоном, у кого-то нет. У кого-то только на одной табке. Дурдом короче.
Вот например у меня есть живой пример на нашей проекте
moederevo.com/InviteStats/
Табкисоставлены их двух картинок и фона. Фон средствами html.
На каждой системе смотрится по разному. У кого-то заметные разлиия между крайними картинками и html фоном, у кого-то нет. У кого-то только на одной табке. Дурдом короче.
Спасибо за то что разложили все по полочкам! Давно была такая проблема… Пришлось потратить уйму времени на ее решение.
Картинок не видно…
Так как всё таки жить правильно?
может глупоенько, но: у меня стоит два монитора при этом один IPS второй TFT, откалиброваны средствами ОС и своими глазами. т.е. понятно что на IPS картинка лучше, но на первый взгляд одинаково. (ну я например про обои на рабочем столе)
так вот что с профилями делать? отключать? я делаю как веб графику так и для типографий, до сией статьи жил просто и не заморочено стояли в Adobe профили на monitor RGB и всё. в типографии даже получал то что и хотел, расхождения были минимальны
может глупоенько, но: у меня стоит два монитора при этом один IPS второй TFT, откалиброваны средствами ОС и своими глазами. т.е. понятно что на IPS картинка лучше, но на первый взгляд одинаково. (ну я например про обои на рабочем столе)
так вот что с профилями делать? отключать? я делаю как веб графику так и для типографий, до сией статьи жил просто и не заморочено стояли в Adobe профили на monitor RGB и всё. в типографии даже получал то что и хотел, расхождения были минимальны
Послушайте хорошего дизайнера/верстальщика с более чем десятилетним стажем.
Во-первых, хороший дизайнер не дествует по одному и тому же алгоритму. Всегда надо включать голову и выбирать правильный в данной ситуации путь. Что я имею ввиду.
Отстроить монитор на температуру 6500 любым способом. Отстроить гамму по каждому каналу RGB утилитами калибровки драйвера вашей видеокарты, но так чтобы в итоге серый цвет был серым а не окрашеным. Допускаеся небольшое смещение в теплую сторону (чуток пожелтее).
Какие настройки действительно нужны в Edit/Color settings:
RGB — sRGB
RGB — Preserve Embedded Profiles
На всех пунктах Ask выставить галочки
Engine: Adobe ACE
Intent: Perceptual (!!! — вот поверьте лучше так)
Настройки CMYK вам лучше выставить на Euroscale Coated v2 или Fogra27 Coated — в Европе и в России типографии и дизайнеры-полиграфисты используют эти профили (или близкие к ним), но редко SWOP (это только в Америке). А так как все логотипы, фотографии, графику готовят под печать российских типографий, то извольте подключать тот профиль что задан дизайнером (помните галочку на Ask). Если изначально на CMYK не повешен профиль или он SWOP — это повод усомниться в профпригодности дизайнера.
View/Proof Setup — оставьте CMYK. Не пользуйтесь Proof Colors (CTRL+Y) — вам никчему совершенно.
Теперь важное собитие открытие файла PSD. Если к файлу присоеденен не sRGB профиль, то выскочит ASK. Тут надо думать и выбирать из трех вариантов.
1/ use embedded — самый идеологически правильный путь, так вы будете видеть именно тот макет, который создавался, считая что дизайнер знал что творил. В дальнейшем вы легко сможете выбрать что же делать на самом деле — ничего не трогать или все-таки сконвертировать, обозвав дизайнера идиотом.
2/ convert — если вы считаете дизайнера полным идиотом.
3/ discard — вы сами идиот и считаете дизайнера идиотом.
Я всегда делаю первый пункт. Смотрим дальше.
Почему ВАЖНО не конвертировать? Потому что по брендбуку (если он есть) прописаны web-цвета логотипа и фирменных элементов. Поумолчанию и помимо воли составляющих брендбук ВСЕГДА подразумевается sRGB пространство, а не чей-то монитор. Естественно, эти значения цветов должны быть СОХРАНЕНЫ, тогда как конвертация их преобразит.
Что можно сделать еще, чтобы прийти в sRGB? А очень простую опрацию: Edit/Assign Profile/Working RGB: sRGB и вы еще не нажав OK увидете как цвета в макете будут выглятеть под sRGB, при этом не совершая конвертацию и икажение числовых значений цвета.
Вот теперь вы сделали все возможное, чтобы приступить к верстке.
Возможно исключение, когда конвертация все-таки нужна. Это в случае обработки фотографии. А чтобы мы сконвертировали правильно, была выставлен алгоритм конвертации Perceptual (а не Relative, как писали изначально). В чем разница? А вы попробуйте так и так. А так как мы уважаем дизайнера и не считаем его идиотом, то значит и не хотим искажать картинку, то есть хотим ее преобразовать в sRGB, но так чтобы никакие цвета не сместились — только Perceptual.
Второй случай исключения, схож с первым, но только с несклькими отличиями: это не фотография, а макет; макет делался «на глаз», а не по брендбуку; и все вокруг идиоты, и дизайнер в первую очередь. Здесь конвертация уместна, потому что наша задача максимально сохранить вид того макета, который делался и принимался.
почему жизнено важно в итоге получить sRGB макет, который в дальнейшем будет нарезаться? Очень просто, чтобы СРАЗУ видеть то, как он будет виден в браузерах.
Как сохранять JPG/GIF/PNG? Только через Save For Web. ТОЛЬКО. Галочка Contert to sRGB пусть стоит, и пусть она стоит обязательно, как страховка на всякий случай. Так как мы уже работаем с подготовленым sRGB макетом, то никакого искажающего преобразования не будет, а вот если мы все вокруг идиоты, то пусть эта галочка стоит, нежели не стоит, а проблемы идиотов шерифа не волнуют.
Все. Это правильный, вдумчивый путь. Я не стал разжовывать в некоторых местах почему имено так а не иначе — это долго и нудно. Самое важно я изложил просто и сказал почему, остальное — мелочи, знание которых отличает хорошего дизайнера, от идиота.
Вроде все сказал.
Во-первых, хороший дизайнер не дествует по одному и тому же алгоритму. Всегда надо включать голову и выбирать правильный в данной ситуации путь. Что я имею ввиду.
Отстроить монитор на температуру 6500 любым способом. Отстроить гамму по каждому каналу RGB утилитами калибровки драйвера вашей видеокарты, но так чтобы в итоге серый цвет был серым а не окрашеным. Допускаеся небольшое смещение в теплую сторону (чуток пожелтее).
Какие настройки действительно нужны в Edit/Color settings:
RGB — sRGB
RGB — Preserve Embedded Profiles
На всех пунктах Ask выставить галочки
Engine: Adobe ACE
Intent: Perceptual (!!! — вот поверьте лучше так)
Настройки CMYK вам лучше выставить на Euroscale Coated v2 или Fogra27 Coated — в Европе и в России типографии и дизайнеры-полиграфисты используют эти профили (или близкие к ним), но редко SWOP (это только в Америке). А так как все логотипы, фотографии, графику готовят под печать российских типографий, то извольте подключать тот профиль что задан дизайнером (помните галочку на Ask). Если изначально на CMYK не повешен профиль или он SWOP — это повод усомниться в профпригодности дизайнера.
View/Proof Setup — оставьте CMYK. Не пользуйтесь Proof Colors (CTRL+Y) — вам никчему совершенно.
Теперь важное собитие открытие файла PSD. Если к файлу присоеденен не sRGB профиль, то выскочит ASK. Тут надо думать и выбирать из трех вариантов.
1/ use embedded — самый идеологически правильный путь, так вы будете видеть именно тот макет, который создавался, считая что дизайнер знал что творил. В дальнейшем вы легко сможете выбрать что же делать на самом деле — ничего не трогать или все-таки сконвертировать, обозвав дизайнера идиотом.
2/ convert — если вы считаете дизайнера полным идиотом.
3/ discard — вы сами идиот и считаете дизайнера идиотом.
Я всегда делаю первый пункт. Смотрим дальше.
Почему ВАЖНО не конвертировать? Потому что по брендбуку (если он есть) прописаны web-цвета логотипа и фирменных элементов. Поумолчанию и помимо воли составляющих брендбук ВСЕГДА подразумевается sRGB пространство, а не чей-то монитор. Естественно, эти значения цветов должны быть СОХРАНЕНЫ, тогда как конвертация их преобразит.
Что можно сделать еще, чтобы прийти в sRGB? А очень простую опрацию: Edit/Assign Profile/Working RGB: sRGB и вы еще не нажав OK увидете как цвета в макете будут выглятеть под sRGB, при этом не совершая конвертацию и икажение числовых значений цвета.
Вот теперь вы сделали все возможное, чтобы приступить к верстке.
Возможно исключение, когда конвертация все-таки нужна. Это в случае обработки фотографии. А чтобы мы сконвертировали правильно, была выставлен алгоритм конвертации Perceptual (а не Relative, как писали изначально). В чем разница? А вы попробуйте так и так. А так как мы уважаем дизайнера и не считаем его идиотом, то значит и не хотим искажать картинку, то есть хотим ее преобразовать в sRGB, но так чтобы никакие цвета не сместились — только Perceptual.
Второй случай исключения, схож с первым, но только с несклькими отличиями: это не фотография, а макет; макет делался «на глаз», а не по брендбуку; и все вокруг идиоты, и дизайнер в первую очередь. Здесь конвертация уместна, потому что наша задача максимально сохранить вид того макета, который делался и принимался.
почему жизнено важно в итоге получить sRGB макет, который в дальнейшем будет нарезаться? Очень просто, чтобы СРАЗУ видеть то, как он будет виден в браузерах.
Как сохранять JPG/GIF/PNG? Только через Save For Web. ТОЛЬКО. Галочка Contert to sRGB пусть стоит, и пусть она стоит обязательно, как страховка на всякий случай. Так как мы уже работаем с подготовленым sRGB макетом, то никакого искажающего преобразования не будет, а вот если мы все вокруг идиоты, то пусть эта галочка стоит, нежели не стоит, а проблемы идиотов шерифа не волнуют.
Все. Это правильный, вдумчивый путь. Я не стал разжовывать в некоторых местах почему имено так а не иначе — это долго и нудно. Самое важно я изложил просто и сказал почему, остальное — мелочи, знание которых отличает хорошего дизайнера, от идиота.
Вроде все сказал.
ага. Вы идиот. Но и автор статьи неправ.
1/ use embedded — самый идеологически правильный путь, так вы будете видеть именно тот макет, который создавался, считая что дизайнер знал что творил. В дальнейшем вы легко сможете выбрать что же делать на самом деле — ничего не трогать или все-таки сконвертировать, обозвав дизайнера идиотом.
Только сначала вас назовут идиотом, а потом уже доказывайте.
1/ use embedded — самый идеологически правильный путь, так вы будете видеть именно тот макет, который создавался, считая что дизайнер знал что творил. В дальнейшем вы легко сможете выбрать что же делать на самом деле — ничего не трогать или все-таки сконвертировать, обозвав дизайнера идиотом.
Только сначала вас назовут идиотом, а потом уже доказывайте.
thanks
Спасибо огромное, а я-то думал почему у меня все фотографии с каким-то странным оттенком при редактировании отображаются. А вот при Save for Web — все ок. Теперь проблема решена!
но поскольку но, поскольку,
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Когда Photoshop отображает совсем не то, что надо