在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执行服务器端所以下载的图像会更小。是的，它浪费带宽。