У меня есть 32-битное, 96x96 прозрачное .png изображение, которое я показываю на странице с высотой 24 пикселя, чтобы соответствовать ей в моем заголовке. В Chrome это отображает очень красиво (чистые края и разрешенные), однако в IE9 он полностью искажен.Масштабирование изображения IE против Chrome
Нужно ли мне увеличить размер изображения с 96x96, чтобы он отображался правильно в IE?
Это настройка по умолчанию в IE9 (и я думаю, IE7 и 8), но это на самом деле имеет имеет CSS решения:
img {
-ms-interpolation-mode: bicubic;
}
В противном случае он будет по умолчанию использовать «ближайший сосед» АЛГОРИТМ к декодируете изображений.
Здесь есть довольно хорошее объяснение: http://mikekeran.com/other/image-scaling-in-internet-explorer –
Какой серьезный браузер по умолчанию подходит к ближайшему соседству ??? – Ryan
@Ben D: Интересно. Попробовал установить тег img в моем css и все равно не идти. Возможно, мне придется изменить размер изображения. – JaJ
К сожалению, для его изменения потребуется его изменение. То, как браузер решает масштабировать изображения, не находится под вашим контролем, я не думаю.
thx, да, похоже, что так может быть. – JaJ
Вы должны убедиться, что размер изображения равен размеру контейнера. Вам не нужно полагаться на браузеры для повторной калибровки. В дополнение к рендерингу возникают проблемы с производительностью при повторной калибровке.
У меня он установлен одинаковым размером за пределами заголовка (только в теле), и он все еще искажен. – JaJ
Можете ли вы показать снимок экрана? –