在HTML中設置圖像尺寸

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

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

2010-07-02 theorise

只需設置此項。 – Svisstack 2010-07-02 10:35:13

雖然有意思嗎？如果圖像已經是正確的大小？ – theorise 2010-07-02 10:36:19

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

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

2010-07-02 10:45:24

一直在試驗這個。如果您在HTML中設置尺寸，看起來圖像加載速度要快得多。謝謝。 – theorise 2010-07-09 08:44:35

@denix圖像不加載*更快*如果您設置尺寸，但空間從開始時保持正確，在加載過程中看起來更好。 – 2010-07-09 08:46:55

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

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

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

2010-07-02 10:38:41

回答