在HTML中設置圖像尺寸

Question

設置圖像的尺寸（在靜態內容中）是否是一種很好的做法，即使我已將圖像裁剪到正確尺寸並且其容器具有固定尺寸和溢出：隱藏？

<img src="" title ="" alt="" width="100" height="100"/> 

Answer 1

一般而言，您應該提供高度和寬度標籤，以便瀏覽器可以爲圖像保留needes空間。否則，在加載頁面期間佈局可能會改變。

由於你有一個固定大小的容器和溢出：隱藏，它可能不會有太大的幫助。但即使它沒有幫助，也沒有害處。所以你應該堅持始終添加高度和寬度屬性。

http://www.w3schools.com/tags/att_img_width.asp（參見「定義和使用」下的提示）

Answer 2

我沒有確鑿的數據來支持它，但我想我已經看到瀏覽器的顯示圖像的地方矩形，直至實際圖像加載。爲了正確顯示矩形區域，瀏覽器需要寬度和高度數據。

另外，當圖像關閉或無法加載時，某些瀏覽器將顯示矩形而不是圖像。爲了正確調整矩形的大小，還需要尺寸信息。

我認爲設置它不會有什麼壞處。