在前端頁面的設計中，常常需要對圖片進行縮放處理，這時候就要用到CSS中的縮放功能。使用CSS進行圖片縮放可以根據需要顯示圖片的大小，并且可以在不改變圖片原始大小的情況下對其進行縮小處理。下面我們就來講一下如何設置圖片縮小。

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

上面的代碼中，我們使用了CSS的max-width屬性，使圖片的最大寬度不超過其所在容器的百分比。這樣就可以實現圖片響應式縮放了。同時設置了高度為auto，這是為了保持圖片原本的寬高比不被改變，從而不會導致圖片變形。

如果我們要進一步縮小圖片大小，可以使用CSS中的transform屬性。下面的代碼可以將圖片縮小到原來的一半大小：

img {
transform: scale(0.5);
}

以上為使用CSS對圖片進行縮放的兩種常用方法。使用這些方法可以方便地對圖片進行調整，使其更符合頁面設計的要求。