在網頁制作過程中，我們經常使用圖片來豐富頁面內容，但有時候圖片的清晰度并不是我們想要的效果。那么如何設置圖片的清晰度呢？下面就來介紹一下CSS中圖片清晰度的設置。

在CSS中，可以使用“image-rendering”屬性來控制圖片的清晰度。這個屬性有以下幾個可選值：

img {
image-rendering: auto | crisp-edges | pixelated;
}

其中，“auto”是默認值，即瀏覽器自動選擇最適合的清晰度。

“crisp-edges”屬性會將圖片邊緣呈現為銳利的像素，適用于一些需要顯示細節的圖片。

“pixelated”屬性則會使得圖片呈現出馬賽克效果，適合一些需要顯示像素感的圖片。這個屬性也可以用于圖片縮小時讓圖片更加清晰。

不過需要注意的是，這個屬性只在圖片縮小時才會生效，而在放大時，并不會有什么明顯的效果。