Масштабирование изображения вызывает плохое качество в Firefox / Internet Explorer, но не в Chrome
Видетьhttp://jsfiddle.net/aJ333/1/ в Chrome, а затем в Firefox или Internet Explorer. Изображение изначально имеет размер 120px, и я уменьшаю его до 28px, но оно выглядит плохо почти независимо от того, к чему вы его уменьшаете.
Изображение в формате PNG и имеет альфа-канал (прозрачность).
Вот соответствующий код:
HTML:
<a href="http://tinypic.com?ref=2z5jbtg" target="_blank">
<img src="http://i44.tinypic.com/2z5jbtg.png" border="0" alt="Image and video hosting by TinyPic">
</a>
CSS:
a {
width: 28px;
height: 28px;
display: block;
}
img {
max-width: 100%;
max-height: 100%;
image-rendering: -moz-crisp-edges;
-ms-interpolation-mode: bicubic;
}
image-rendering
а также-ms-interpolation-mode
Линии CSS, похоже, ничего не делали, но я нашел их в Интернете, пока проводил некоторые исследования этой проблемы.