HTML5在改變圖片大小方面帶來了很多新的技術和工具。在以前的版本中，我們通常只能指定圖片的寬度和高度，但在HTML5中，我們可以使用更多的屬性來控制圖片的大小。下面我們就來介紹一下HTML5改變圖片大小的代碼。 首先，我們可以使用CSS來控制圖片的大小。例如，在樣式表中可以設置以下代碼：

img {
width: 300px;
height: 200px;
}

在這個例子中，我們設置了圖片的寬度為300像素，高度為200像素。這樣就可以將圖片縮小或放大到指定的大小。 如果我們需要保持圖片的寬高比，則可以將其中一個值設置為“auto”。例如，以下代碼將圖片的寬度設置為300像素，高度自適應：

img {
width: 300px;
height: auto;
}

還有一種方式是在HTML中直接指定圖片的大小屬性。例如：

在這個例子中，我們通過width和height屬性直接指定了圖片的大小。這種方式與CSS不同的是，它會直接影響HTML代碼，因此不適合在大量圖片上使用。 HTML5還提供了新的屬性來控制圖片的大小，其中比較常用的是“srcset”屬性。這個屬性可以指定不同尺寸的圖像，根據屏幕大小自動選擇適合的圖像。例如：

在這個例子中，我們指定了兩個圖像，一個是400像素寬度的，另一個是800像素寬度的。通過sizes屬性，我們告訴瀏覽器在屏幕寬度不超過600像素時，使用400像素寬度的圖像；否則，使用800像素寬度的圖像。 總的來說，HTML5提供了很多方式來改變圖片大小。我們可以使用CSS、HTML屬性或新的屬性來實現不同的效果，根據具體情況選擇合適的方式即可。