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