CSS可以提高圖片的清晰度，讓圖片更加鮮明清晰。以下是幾種提高圖片清晰度的方法。

img {
image-rendering: optimizeSpeed; /* 不進行平滑處理 */
image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -o-crisp-edges; /* Opera */
image-rendering: -webkit-optimize-contrast; /* Webkit */
image-rendering: optimize-contrast; /* 標準寫法（IE） */
-ms-interpolation-mode: nearest-neighbor; /* IE */
}

1. 避免拉伸圖片

若想保持圖片清晰并避免變形（模糊失真），應該避免將圖片拉伸。當設置了圖片的寬度或者高度時，瀏覽器將會保持圖片的原始寬高比。

2. 設置合適的圖片大小

將超大或超小的圖片縮放到合適大小，以便圖片不失真模糊，同時還可以加快網(wǎng)頁加載速度。

3. 控制圖片質量

在設計圖片時，應對圖片進行優(yōu)化處理，控制圖片的大小和質量。通過使用Photoshop或其他圖片編輯器，可以調整圖片的色彩和清晰度。

4. 使用CSS渲染圖片

通過CSS的image-rendering屬性，可以控制如何渲染圖像，使圖片更加銳利清晰。該屬性可以設置成平滑處理、銳化處理、不進行平滑處理等幾個值。請看上述CSS Coding。

總之，提高圖片清晰度有很多方法，我們只需要選擇適合自己的方法，就可以獲得清晰度更高的圖片。