CSS 中，可以使用

<img>

元素的

transform

屬性來縮小圖片的大小。

首先，需要在 CSS 文件中創建一個樣式規則，來指定要縮小的圖片:

img {
transform: scale(0.5);
}

在上面的代碼中，我們使用了

transform: scale()

屬性。它使用一個數字值來縮放元素的大小。在這里，我們把縮放比例設置為 0.5，也就是把圖片的大小縮小了一半。

我們還需要在 HTML 文件中添加圖片，同時將它的

class

屬性設置為我們在 CSS 中創建的規則:

<img src="image.jpg" class="image">

現在，我們已經完成了圖片的縮小。當瀏覽器加載頁面時，圖片會按照我們在 CSS 樣式中定義的比例縮小。

需要注意的是，

transform: scale()

屬性不會改變元素的原始大小。它只是控制了元素在屏幕上顯示的大小。因此，在使用這個屬性時需要特別注意，避免影響到其他布局。

以上就是對 CSS 中使用

transform: scale()

屬性縮小

<img>

元素的介紹。