Цветовые различия между изображениями и HTML
У меня проблемы с соответствием цветов фона CSS и цветов в изображениях на той же HTML-странице. Что дает?
6 ответов
Я предполагаю, что вы используете изображение PNG? Это "особенность" гамма-коррекции. Марк Рэнсом опубликовал полезный текст об этом.
Обратите внимание, что pngcrush
Решение, указанное где-то, не работает для меня.
Какую программу для редактирования изображений вы используете? Я нашел эту статью о цветовых профилях Photoshop. Также могут быть проблемы с гамма-коррекцией PNG.
Это может быть проблема цветового профиля.
Например, если изображение представляет собой JPEG и имеет цветовой профиль, а ваш браузер не поддерживает отображение изображений в заданных ими цветовых профилях, цвета самого изображения будут отображаться в вашем браузере по-разному. В этой ситуации, если вы проверили цвет изображения в Photoshop (с учетом цветового профиля), а затем применили этот цвет в своем CSS и просмотрели страницу в браузере, который не поддерживает цветовой профиль, он выглядел бы по-другому.
На ум приходят три возможности:
- убедитесь, что глубина цвета монитора установлена на 32- или 24-битную, а не 16-битную
- убедитесь, что изображению не назначена палитра (например, веб-безопасная палитра). Это может быть случай для.gif или 8-битного.png изображения.
- проверьте наличие проблем с коррекцией гаммы в.png в IE - подробности см. в других публикациях.
Обходной путь, который я использовал в далеком прошлом, состоит в том, чтобы установить цвет фона, повторяя маленькое изображение вместо того, чтобы устанавливать его в HTML. Этот вид трюка был полезен во времена веб-безопасных палитр и т. Д., Но теперь менее полезен.
Вероятно, браузер ваш тест, у меня было много проблем, то есть 6.