網頁中的圖片對于頁面的美觀度起著至關重要的作用，但有時候圖片過大會占用過多的空間，從而導致網頁加載緩慢。那么如何將CSS圖片縮小呢？

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

通過上面這段CSS代碼，我們可以將圖片的寬度限制在容器內，并確保圖片在縮放時不失真。即使原始圖片尺寸很大，也可以通過這段代碼使其自動適應容器大小。

除了設置max-width和height屬性外，您還可以使用以下屬性來調整圖像的大小:

img {
width: 50%;   /*將圖像調整為其父容器的50％*/
height: 50%;  /*同上*/
width: 200px; /*直接指定圖片的寬度*/
height: 200px;/*同上*/
object-fit: contain; /*保持圖像比例完整，但可能留有空白*/
object-fit: cover;   /*圖像的最寬邊完全覆蓋容器*/
}

除此之外，您還可以使用圖片編輯工具來將圖片縮小。不過這樣的方法可能需要您等待許多大尺寸圖像的改變，同時也會占用更多的存儲空間。

當然，我們也應該注意到，圖片的縮小程度不應過度，以免導致圖像失真或模糊。因此，選擇合適的縮小比例和縮小方法是非常重要的。