在網(wǎng)頁設(shè)計中，圖片的展示是不可避免的。而有時候我們需要展示較大的圖片，但又不想占用太多的頁面空間，這時就需要使用圖片縮小功能。在 HTML5 中，我們可以使用以下代碼來實現(xiàn)圖片縮小：

首先，我們需要在 HTML 頁面中引入<img>標(biāo)簽來加載需要縮小展示的圖片：

<img src="your-image-url.jpg">

接著，我們可以使用 CSS 屬性 max-width 來限制圖片的最大寬度。當(dāng)圖片的實際寬度超過該值時，圖片會自動縮小至該寬度，保證圖片的展示效果：

img {
max-width: 100%;
}

上述代碼中，“100%”代表圖片的最大寬度是父容器的100%（即當(dāng)前窗口或包含該圖片的塊元素），這樣可以保證圖片展示的適應(yīng)性。

當(dāng)然，我們還可以設(shè)置圖片的最大高度來保證圖片在縮小后仍具有較好的展示效果：

img {
max-width: 100%;
max-height: 480px;
}

上述代碼中，“480px”代表圖片的最大高度是480像素，這樣可以保證圖片在縮小后仍具有較清晰的效果。

最后，我們需要注意的是，上述代碼對于所有圖片都會生效，因此需要結(jié)合實際需要進行使用。

總的來說，HTML5提供了簡單有效的圖片縮小功能，通過設(shè)置圖片的最大寬度和最大高度，我們可以保證圖片在縮小后仍具有較好的展示效果，從而提高網(wǎng)站的用戶體驗。