在CSS中，可以使用transform屬性來縮小圖片的整體尺寸，以下是一個簡單的示例，展示了如何縮小圖片的大小：

<img src="image.jpg" id="myImage">

#myImage {
    transform: scale(0.5); /* 將圖片縮小到原來的50% */
}

在上面的示例中，#myImage是圖片的ID，transform: scale(0.5)表示將圖片縮小到原來的50%，你可以根據(jù)需要調(diào)整縮放因子，例如scale(0.7)表示縮小到原來的70%。

如果你想要縮小圖片的高度和寬度，可以使用height和width屬性：

#myImage {
    height: 200px; /* 設(shè)置圖片高度為200像素 */
    width: 300px; /* 設(shè)置圖片寬度為300像素 */
}

在上面的示例中，圖片的高度被設(shè)置為200像素，寬度被設(shè)置為300像素，你可以根據(jù)需要調(diào)整這些值。

如果你使用的是響應式布局，那么***好使用max-width和max-height屬性來限制圖片的***大尺寸：

#myImage {
    max-width: 100%; /* 圖片寬度不超過其容器寬度的100% */
    max-height: 100%; /* 圖片高度不超過其容器高度的100% */
}

在上面的示例中，圖片的***大寬度和高度都被設(shè)置為100%，這意味著圖片永遠不會超過其容器的尺寸，這對于確保圖片在響應式設(shè)計中正確顯示非常有用。