CSS技巧：解决图片缩放变模糊不清晰的问题

在网页中插入位图图片时，即便原图缩小尺寸后也有可能变得模糊。

我们可以使用CSS的image-rendering属性，可以解决该问题，下图为模糊图：

原图如下：

解决办法，只需插入几行CSS即可：

img {
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: crisp-edges; 
}