CSS縮小圖片是網頁設計中經常會用到的技巧。縮小圖片可以有效地減小網頁的加載時間，提高網站的速度和用戶體驗。下面是使用CSS縮小圖片的方法。

img {
width: 200px;
height: auto;
}

在上面的代碼中，我們將圖片的寬度設置為200px，同時將高度設置為auto。這樣，瀏覽器會按照寬度縮放圖片，同時保持圖片的比例不變。這是比較簡單的一種方式，但是可能會出現圖片變形的問題。

img {
max-width: 100%;
height: auto;
}

如果你不想讓圖片變形，可以使用上面的代碼來進行縮放。max-width的值設置為100%表示圖片的最大寬度不能超過容器的寬度。height 設置為auto，確保圖片的比例不變。這樣，圖片會在不超過容器寬度的前提下，自適應縮放。

需要注意的是，在使用CSS縮小圖片時，圖片文件大小的問題也需要考慮。如果圖片文件過大，即使縮小后，加載時間也會很長。因此，為了進一步優化網站的速度和用戶體驗，建議在上傳圖片時盡量壓縮文件大小。