#css #png #photoshop #color-profile
#css #png #photoshop #цветовой профиль
Вопрос:
Я использую PNG-файл в качестве CSS-спрайтов, и цветовой профиль заставляет цвета PNG выглядеть по-разному в Firefox и Chrome (на Macbook Pro)
Какой цветовой профиль лучше всего использовать перед сохранением этого файла PhotoShop (.psd) в формате PNG? (или лучше всего удалить его полностью и как?)
Подробные сведения:
Это Правка -> Настройки цвета в PhotoShop CS5: 
На что они должны быть настроены перед сохранением файла в формате PNG? (или его можно изменить при сохранении?)
Кроме того, действительно странно, что в Chrome, если я смотрю на файл в
http://foobar:9000/images/sprites.png
или
http://localhost:3000/images/sprites.png
оранжевый цвет выглядит темным.
но если я просмотрю то же изображение на
http://foobar.mycompany.com:9000/images/sprites.png
или
http://hello.mycompany.com:8080/images/sprites.png (используя ssh-туннель к моему локальному хостингу)
теперь оранжевый цвет стал ярким. Они указывают на один и тот же файл, и даже если я загружаю их и выполняю diff, они двоично равны. Кто-нибудь знает почему?
Комментарии:
1. вы понимаете, что ни одна из этих ссылок не работает, потому что все они локальны на вашем компьютере?
2. ах да … и эти ссылки «выдуманы»… (ха-ха, разве это не очевидно?) хм… вы хотите увидеть образец …? Но вам будет сложно сделать его localhost: 3000, если вы не разместите сервер и не будете использовать это изображение…
Ответ №1:
Обновление: Photoshop CC позволяет снять флажок «встроить цветовой профиль», чтобы не вставлять профиль. Настоятельно рекомендуется сделать это, если у вас нет действительно веских причин не делать этого.
Короткий ответ, к сожалению, вы облажались с ЛЮБЫМ цветовым профилем. Лучше всего использовать none, но на самом деле вы не можете заставить photoshop сохранять подобные файлы. В этой теме тысячи обсуждений и мнений, но удаление цветового профиля позволяет браузерам интерпретировать цвета png-файлов так же, как цвета HTML Hex.
Лично я удаляю все свои данные о цвете с помощью пользовательского скрипта, но что-то вроде TweakPNG должно позволить вам сделать то же самое.
Комментарии:
1. то есть вы имеете в виду, что TweakPNG может удалить цветовой профиль, а PhotoShop — нет… вы знаете, если PNGOUT, Paint.net , IrfranView или GIMP, Fireworks… любой из них может?
2. «сохранить для веб» в photoshop позволяет снять флажок «внедрить цветовой профиль» — это должно сработать…
3. @fideldonson — Спасибо, раньше такой опции не существовало (этому вопросу 4 года ;))
4. @zyklus такое чувство, что я всю свою жизнь имел дело с проблемами цветового профиля — и я до сих пор этого не понимаю — так что 4 года — это ничто 😉
Ответ №2:
Короткий ответ заключается в том, что вы вообще не должны использовать цветовой профиль и убедитесь, что «конвертировать в sRGB» отключен.
Смотрите Эту статью для лучшего объяснения того, почему и как это сделать
Ответ №3:
Попробуйте отключить свои политики управления цветом. Я не уверен, поможет ли это, но может помочь.
Ответ №4:
Это сложная проблема, поскольку уровень поддержки цветовых профилей варьируется в разных браузерах.
Использование sRGB gamma 2.2 — хорошее начало.
Если вам нужны цвета CSS, соответствующие цветам PNG, то вам придется удалить информацию о цветовом профиле и гамме из PNG, поскольку большинство браузеров не управляют цветами CSS (или, если они это делают, они обрабатывают их так же, как немаркированные PNG).
Ответ №5:
Я не думаю, что есть ответ. Safari и Chrome предполагают, что все изображения сохраняются в цветовом пространстве sRGB.
Safari будет учитывать другой цветовой профиль, встроенный в изображение, но Chrome этого не сделает.
Firefox ничего не учитывает и будет просто использовать собственные значения RGB.
Это означает, что цвета в Firefox на широкоцветном экране (P3), таком как Macbook pro, будут выглядеть чрезвычайно яркими по сравнению с цветами sRGB, отображаемыми в Chrome и Safari.
В качестве альтернативы вы можете применить профиль P3 к изображениям, и они будут отображаться такими же яркими в Safari и Firefox, но размытыми в Chrome.
Не существует единого параметра, который применялся бы ко всем браузерам.