在網頁設計中，圖片的大小往往需要根據實際需要進行調整。CSS提供了幾種方法來縮小圖片，下面我們逐一介紹。

// 方法一：通過設置width或height屬性來縮小圖片
img {
width: 50%; // 縮小到原來的一半
height: auto; // 保持原始寬高比例
}

上述代碼將圖片寬度設置為原來的一半，并且保持了原始寬高比例。但需要注意的是，如果原始圖片的寬度太小，縮小后可能會失真。

// 方法二：通過設置max-width屬性來縮小圖片
img {
max-width: 50%; // 最大寬度為原來的一半
height: auto; // 保持原始寬高比例
}

上述代碼將圖片的最大寬度設置為原來的一半，并且保持了原始寬高比例。這種方法也可以防止原始圖片的尺寸太小導致失真。但需要注意的是，如果圖片的高度大于寬度，并且寬度被縮小了，那么圖片的高度也會相應縮小。

// 方法三：通過設置transform屬性來縮小圖片
img {
transform: scale(0.5); // 縮小到原來的一半
}

上述代碼使用了CSS3的transform屬性來縮小圖片。縮小比例通過scale函數設置，這里將圖片縮小到了原來的一半。這種方法可以讓圖片保持原有的尺寸，但不建議在需要兼容IE低版本的情況下使用。

綜上所述，通過CSS可以方便地縮小圖片。需要根據實際情況選擇不同的方法，達到預期的效果。