網頁設計中經常需要用到圖片，但有時候圖片的尺寸不太符合設計需求，需要進行適當縮小。但是直接縮小圖片可能會導致圖片模糊不清，失真嚴重，影響用戶體驗。下面介紹一種使用CSS對圖片進行縮小的方法，避免圖片失真。

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

這段CSS代碼的作用是設置圖片的最大寬度為父元素的寬度，而高度保持自適應。當圖片寬度超過父元素的寬度時，圖片會自動等比例縮小，這樣就能避免圖片失真的問題。

這個方法的優點是簡單易用，只需要在CSS文件中添加一行代碼，就可以讓圖片自適應大小，并且不會影響其他元素的布局。

需要注意的是，當圖片有透明背景或是需要精細的圖案時，這種縮小方式可能會影響圖像的質量。在這種情況下，建議使用專業的圖片處理工具，或是采用其他的縮小方式來保證圖片的清晰度。