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

假设我有两个尺寸不同的相同图像： test_small.jpg（150px 150px）和test_medium.jpg（500px x 500px）

我想显示150px宽的图像

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

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

或

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

---

编辑：标记已删除

以下是如何使用图像标记

<img src="test_small.jpg" />

---

显然，使用较小的文件会更快，因此使用较小的文件来代替加载较小的图像会更快，原因有两个

文件大小越小，下载越少

浏览器不必调整文件大小，只需按原样显示即可

然而，时差的大小将非常小

---

此外，img标记是自动关闭的

您不应指定与实际图像宽度不同的宽度，因为浏览器会动态下载大图像并调整其大小

---

如果要调整图像的大小，应在将图像加载到浏览器之前在服务器端进行调整。实际上很少需要指定图像宽度。

第二个要慢一些，因为正如您在第二个问题中所问的，它将首先下载整个图像。因为图像较大，所以速度较慢

调整大小也需要更多的时间

---

您不应该使用“图像宽度”属性，而应首先尝试在服务器上以所需的大小保存图像。

+1绝对可以加载较小的图像。调整大小的代价很高，而且通常看起来很难看。这样大小的图像，时间差会很小。如果您使用的是全尺寸图像，并且（成对mp）将其大小调整为缩略图，则会有相当大的差异。