Vejohttp: //jsfiddle.net/aJ333/1 no Chrome e, em seguida, no Firefox ou no Internet Explorer. A imagem é originalmente de 120px e estou diminuindo para 28px, mas parece muito ruim, independentemente do tamanho da image

A imagem é PNG e possui um canal alfa (transparência).

Aqui está o código relevante:

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;
}

Oimage-rendering e-ms-interpolation-modes linhas de CSS não pareciam fazer nada, mas eu as encontrei on-line enquanto fazia alguma pesquisa sobre o problem