在HTML浪費帶寬中使用<img>標記的高度和寬度屬性縮小圖像尺寸？

Question

我的圖像'Angelina.png'的分辨率爲1000x1000，在網頁上顯示爲50x50。如果圖像本身是50x50，以下是否具有相同的效果？或者，它是否通過下載原始大小浪費了用戶帶寬？
<img src='Angelina.png' width='50px' height='50px' alt='Angelina' />

Answer 1

是的，因爲你是在DOM調整電子郵件即在實際的圖像從服務器下載（實際尺寸），你只是想調整它在DOM改善UI。

Answer 2

這裏有雲：

提示：裁員與高度大圖像和寬度屬性強制用戶下載大圖（即使它看起來小頁）。爲了避免這種情況，請在程序使用頁面之前使用程序重新縮放圖像。

參見：http://www.w3schools.com/tags/att_img_height.asp

所以，答案是肯定的，它需要更多的時間來下載，浪費帶寬。

Answer 3

如果帶寬是您的問題，請在下載前使用php GD重新調整服務器端的大小。正如Guru Kamar所說的，HTML被執行在客戶端，所以圖像被下載然後調整大小。 PHP執行服務器端所以下載的圖像會更小。是的，它浪費帶寬。