CSS圖片縮放是網(wǎng)頁設(shè)計(jì)和開發(fā)過程中一個(gè)非常重要的技能。通過縮放圖片，我們可以讓頁面更美觀、更優(yōu)化，同時(shí)可以提高頁面加載速度。

在CSS中，有兩種圖片縮放方法，分別是通過width和height屬性縮放和通過transform屬性縮放。

img {
width: 50%; /* 將圖片寬度縮小至原來的50% */
height: auto; /* 保持圖片高度自適應(yīng) */
}

上面的代碼中，我們使用了width屬性將圖片寬度縮小至原來的一半，并使用height的自適應(yīng)屬性來保持圖片的長寬比。

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

而在上面的代碼中，我們使用了transform屬性中的scale()函數(shù)將圖片縮小至原來的一半，不需要考慮長寬比的問題，因?yàn)樗鼤詣舆m應(yīng)。

需要注意的是，通過CSS縮放圖片雖然可以美化頁面、提高頁面加載速度，但也會消耗一定的CPU資源，因此在實(shí)際使用中需要權(quán)衡各種因素。