假设我有两个不同尺寸的相同图像： test_small.jpg（150px x 150px）和test_medium.jpg（500px x 500px）
我想要显示150像素宽的图像。
1）浏览器加载哪种用法更好？哪个更快？
<img src="test_smal.jpg"/>
or
<img src="test_medium.jpg" width="150px"/>
2）第二次使用是否会加载整个图像然后调整图像宽度？
编辑：＆lt; / img＆gt;标签已删除
答案 0 :(得分：7)
由于几个原因，加载较小的图像速度较快。
文件尺寸较小，下载次数较少
浏览器不必调整文件大小，只是按原样显示。
然而，时差量将非常小。
img标签也是自闭合的＆lt; /＆GT;
答案 1 :(得分：1)
您不应指定与实际图像宽度不同的宽度，因为浏览器会动态下载并调整大图像的大小。
如果要调整图像大小，则应在将其加载到浏览器之前将其作为服务器端。实际上很少需要指定图像宽度。
答案 2 :(得分：1)
第二个问题比较慢，因为你在第二个问题中提到它会先下载整个图像。由于图像较大，因此速度较慢。
调整大小也需要更多时间。
您应该很少使用图像宽度属性，并尝试首先将图像保存在服务器上所需的大小。
答案 3 :(得分：0)
以下是您使用图片代码的方式
<img src="test_small.jpg" />
显然使用较小的文件会更快，所以请改用小文件