Solda orijinal PNG ve sağdaki sürümleri yaklaşık yarım yükleme özgün boyut <img width height kullanarak azalır. Bkz: [Link kaldırıldı].

Neden yeniden boyutlandırılan resim Firefox çok bulanık görünüyor. Orada resim dosyasını değiştirmeden yapabileceğim bir şey. Bu belirsizlik rahatsız edici görüntüyü matematik veya metin içeren büyük miktarda belli.

Bu kadar geç olduğunu biliyorum, ama daha iyi görüntü çok hafif bir rotasyon uygulayarak işleme içine firefox hile yapabilirsiniz. 4* *... boşuna aynı etkiyi elde etmek için görüntü almaya çalıştım.

CSS

.image-scale-hack {
    transform: rotate( .0001deg );
}

Javascript

if( "MozAppearance" in document.documentElement.style ) {
    $('.logo img').addClass('image-scale-hack');
}

Tarayıcı ne pahasına olursa olsun bayılmadım ben kaçının. Bu yepnope.js gelen kokusunu aldım ve kendimi kötü hissetmiyorum.

Ayrıca kayda değer, bu aynı numara alt-piksel hem de y ve firefox render görüntü zorlamak için kullanılabilir. Bu çok yavaş animasyonlar - örnek iyi açıkladı: için yararlıdır

http://jsfiddle.net/ryanwheale/xkxwN/