CSS 是一種用于網頁設計的語言，它能夠對網頁中的元素進行樣式設置。對于圖片的縮小，CSS 提供了幾種方式：

img {
/* 1. 按百分比縮小 */
width: 50%;
height: auto;
/* 2. 指定寬度縮小 */
width: 200px;
height: auto;
/* 3. 按比例縮小 */
width: 100%;
height: 0;
padding-bottom: 50%; /* 圖片高度為寬度的一半 */
/* 4.使用 transform 縮小 */
transform: scale(0.5); /* 縮小為原來的一半 */
}

以上代碼分別實現了四種不同的圖片縮小方式。

第一種方式是按百分比縮小，設置圖片的寬度為 50%，高度自適應。

第二種方式是指定寬度縮小，設置圖片的寬度為 200 像素，高度自適應。

第三種方式是按比例縮小，設置圖片的寬度為 100%，高度為 0，然后通過 padding-bottom 屬性設置圖像的高度占寬度的一半。

第四種方式是使用 transform 縮小，設置 transform 屬性的 scale 方法縮小圖片。

上述方法都能夠有效地縮小圖片，選擇合適的方法取決于具體的情況和需求。