HTML5是目前網頁制作的主流標準，其靈活性和語義化特征受到廣泛贊譽。在網頁中插入圖片是網頁制作中的常用操作之一。而制作圖片大小也是網頁制作中的一個重要因素。 在HTML5中，可以使用“img”標簽來插入圖片。在該標簽中，有兩個屬性可以用于設置圖片大小。一個是“width”屬性，用于設置圖片寬度；另一個是“height”屬性，用于設置圖片高度。例如：

<img src="image.jpg" width="600" height="400">

上述代碼意思是插入一張名為“image.jpg”的圖片，寬度為600個像素，高度為400個像素。 在實際運用中，圖片大小可能有所不同，需要進行調整。此時，可以使用CSS中的“style”屬性，對圖片進行具體的樣式設置。代碼如下：

<img src="image.jpg" style="width:50%;height:auto;">

上述代碼的意思是插入一張名為“image.jpg”的圖片，寬度為父元素的50%，高度根據寬度等比例縮放。 需要注意的是，在設置圖片大小時，應該盡量避免拉升或壓縮圖片造成的失真。同時，還應該注意圖片大小和網頁加載速度的平衡，盡可能減小圖片文件的大小，以提高用戶的訪問體驗。 通過HTML5的“img”標簽和CSS的“style”屬性，我們可以輕松制作出符合需求的圖片大小。在網頁制作中，科學合理地使用這些標簽和屬性，能夠大大提高網頁的效果與速度，更好地滿足用戶需求。