Chrome Mac不能很好地渲染非常小的PNG

Question

我有從Photoshop CS6導出的PNG-24，它在Chrome中看起來像這樣。

你可以看到周圍的三角形白色線條。

相同的PNG在其他瀏覽器中正確呈現。 在Firefox中渲染是這樣的。

Answer 1

我有此相同的問題。好像什麼時候只有很少的對比，Chrome試圖「解決問題」。

牙多少咬牙切齒後，我發現，添加：

image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */ 

的問題元素的CSS解決了這個問題。

此外，看到這個職位：https://superuser.com/questions/530317/how-to-prevent-chrome-from-blurring-small-images-when-zoomed-in它處理類似的問題。