Какой цветовой профиль лучше всего использовать для файла PNG для CSS-спрайтов?

Question

Я использую файл 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 туннель в мой локальный хост)

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

Answer 1

Обновление: Photoshop CC позволяет снять флажок «вставлять цветовой профиль», чтобы не вставлять профиль. настоятельно рекомендуется делать это, если только у вас нет веских причин не делать этого.

---

Короткий ответ, к сожалению, у вас с ЛЮБОЙ цветовой профиль.Лучше всего не использовать ни один, но вы не можете получить фотошоп для сохранения таких файлов.В этой теме тысячи обсуждений и мнений, но удаление цветового профиля позволяет браузерам интерпретировать цвета pngs так же, как цвета HTML Hex.

Лично я удаляю все свои данные цвета, используя собственный скрипт, ночто-то вроде TweakPNG должно позволить вам сделать то же самое.

Answer 2

Короткий ответ: вам вообще не следует использовать цветовой профиль, и убедитесь, что «преобразовать в sRGB» отключен.

См. эту статью для лучшего объяснения, почему и как это сделать

Answer 3

Это сложная проблема, так как уровень поддержки цветовых профилей варьируется в разных браузерах.

Хорошим началом является использование sRGB gamma 2.2.

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

http://imageoptim.com/color-profiles.html

Answer 4

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