CSS 如何縮小圖片大小 如果你想在網頁上展示圖片，但圖片太大，就需要壓縮或縮小它。在 CSS 中，可以使用 max-width 和 max-height 屬性來控制圖片的最大寬度和最大高度。 例如，下面的 CSS 代碼將圖片的最大寬度設置為 200 像素：

img {
max-width: 200px;
}

這樣，如果圖片的寬度超過 200 像素，它會被自動縮小，保持原來的長寬比。同樣地，你也可以將最大高度設置為適當的值。 如果你想縮小圖片的實際大小，可以使用 width 和 height 屬性。但請注意，這種方法可能會拉伸圖片，導致它失去原本的比例。因此，如果你需要縮小圖片，請務必保持長寬比。下面是一個例子：

img {
width: 50%;
height: auto;
}

這個代碼片段將圖片的寬度設置為屏幕寬度的 50%，而高度將自動調整，保持長寬比。如果你需要縮小圖片，并保持精細的細節，可以使用縮略圖工具或圖片編輯軟件進行處理。 最后，如果你需要縮小背景圖片或其他元素的大小，請使用 background-size 屬性。這個屬性允許你設置背景圖片的大小，可以是具體的像素值，也可以是相對于父元素的百分比。

.container {
background-image: url('image.jpg');
background-size: cover;
}

這個代碼片段將容器的背景圖片設置為 image.jpg，同時將其縮放為覆蓋整個容器，但不失真。 通過使用以上 CSS 屬性，你可以輕松縮小網頁中的圖片大小，并保持適當的比例。