一般的最佳做法是为<img>标记设置高度和宽度值，以便更快地渲染，但为什么会这样呢？
答案 0 :(得分：4)
因为如果指定宽度和高度，浏览器可以在下载图像之前保留该空间，并继续解析下面的html。然后，当下载图像时，它会填充该空间。
如果你不这样做，浏览器不知道预先保留多少空间。然后，下载图像时需要移动图像下方的html元素。
答案 1 :(得分：1)
通过消除不必要的回流和重新绘制的需要，为所有图像指定宽度和高度可以加快渲染速度。
当浏览器布置页面时，它需要能够在诸如图像之类的可替换元素周围流动。它甚至可以在下载图像之前开始呈现页面，前提是它知道包装不可替换元素的尺寸。如果在包含文档中未指定维度，或者指定的维度与实际图像的维度不匹配，则浏览器将需要重排并在下载图像后重新绘制。要防止回流，请在HTML标记或CSS中指定所有图像的宽度和高度。