Масштабирование изображения вызывает плохое качество в 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, похоже, ничего не делали, но я нашел их в Интернете, пока проводил некоторые исследования этой проблемы.

Ответы на вопрос(10)

Ваш ответ на вопрос