Цветовые различия между изображениями и HTML

Question

У меня проблемы с сопоставлением цветов фона CSS и цветов на изображениях на той же HTML-странице. Что дает?

Answer 1

Я предполагаю, что вы используете изображение PNG? Это «особенность» гамма-коррекции. Марк Рэнсом опубликовал полезный текст об этом.

Обратите внимание, что перечисленное где-то решение pngcrush не работает для меня.

Answer 2

Какую программу для редактирования изображений вы используете? Я нашел эту статью о цветовых профилях Photoshop . Также могут быть проблемы с PNG гамма-коррекцией .

Answer 3

Возможно, из-за браузера управления цветом .

Answer 4

Это может быть проблема цветового профиля.

Например, если изображение представляет собой JPEG и имеет цветовой профиль, а ваш браузер не поддерживает отображение изображений в заданных ими цветовых профилях, цвета самого изображения будут отображаться в вашем браузере по-другому. В этой ситуации, если вы проверили цвет изображения в Photoshop (с учетом цветового профиля), а затем применили этот цвет в своем CSS и просмотрели страницу в браузере, который не поддерживает цветовой профиль, он выглядел бы иначе.

Answer 5

Вероятно, браузер, который вы тестировали, у меня было много проблем, например 6.

Answer 6

На ум приходят три возможности:

• убедитесь, что глубина цвета монитора установлена ​​на 32- или 24-битный, а не на 16-битный
• убедитесь, что изображению не назначена палитра (например, веб-безопасная палитра). Это может иметь место для .gif или 8-битного .png изображения.
• проверка на наличие проблем с коррекцией гаммы в .png в IE - подробности см. В других публикациях

Обходной путь, который я использовал в далеком прошлом, - установить цвет фона, повторяя маленькое изображение, вместо того, чтобы устанавливать его в HTML. Этот вид трюка был полезен во времена веб-безопасных палитр и т. Д., Но теперь он менее полезен.