Вёрстка « PNG-изображение отображается в IE с другим оттенком!(

Есть PNG-изображение, которое во всех браузерах отображается корректно, а вот в IE почему-то меняется оттенок и это портит всю идею((( Как сделать так, чтобы этот PNG отображался одинаково и в IE? Подскажите пожалуйста!

1 ответов


Это происходит из-за того, что в вашем PNG файле есть сегмент, в котором указана гамма картинки (gAMA chunk). Доподлинно не известно, является ли это ошибкой Эксплорера, который не правильно обрабатывает этот сегмент, или ошибкой других браузеров, которые его игнорируют, но факт в том, что если вы хотите одинакового отображаения во всех браузерах, нужно от него избавится. Сделать это можно с помошью почти любой программы по оптмизации изображений.

PNGre — под Windows.
ImageOptim — под Mac OS.
PunyPNG — Web сервис.


Советую ознакомиться с этой статьёй.


Возможно дело в самой картинке.
В ней скорее всего содержится мета информация о цветовой гамме.
Почистите изображение утилитой tweakPNG или пересохраните картинку в более новой версии фотошопа.


Я так понимаю, что IE шестой версии?
Если да, то проблема в том, что IE 6 (и ниже) не умеет нормально работать с прозрачностью в PNG.
Решение:
1. Качаете: http://homepage.ntlworld.com/bobosola/pngfix.js.
2. Добавляете на страницу


<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
 

Вот тут есть описание проблемы: http://homepage.ntlworld.com/bobosola/pngtest.htm.

в своё время перепробовал множество png-фиксов, к сожалению, не нашёл ни одного, который решил бы все мои проблемы. фикс такого рода:


<!--[if lt IE 7.]>
 <script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
 
работает на ура, но почему-то деформирует картинки маленького размера, если мелких png-картинок нет (или же можно заменить их на gif), то советую воспользоваться им. Есть ещё куча других фиксов, например от монстра jquery, но все они неправильно обрабатывают бэкграунды, котрые повторяются и абсолютно спозиционированы.

Всё так и было как ответил homm. И утилита PNGre реально помогла в этой ситуации!))) Просто пришлось удалить гамму картинки(gAMA chunk). Ура)) Спасибо!