真实尺寸图像或<img>宽度属性？

Question

假设我有两个不同维度的相同图像:test_small.jpg(150px x 150px)和test_medium.jpg(500px x 500px)

我想显示150px宽度的图像.

1)浏览器加载哪种用法更好？哪个更快？

<img src="test_smal.jpg"/>
or
<img src="test_medium.jpg" width="150px"/>

2)第二次使用是否会加载整个图像然后调整图像宽度？

编辑:</ img>标签已删除

Answer 1

由于几个原因,加载较小的图像更快.

1. 文件大小较小,下载较少

2. 浏览器不必调整文件大小,它只是按原样显示.

但是,时差量将非常小.

img标签也是自动关闭</>