是否有充分的理由为我不打算调整大小的图像定义宽度和高度？

Question

只是想知道HTML中的最佳做法是什么。我注意到我倾向于删除宽度和高度属性，因为当我调整图像时它们很痛苦，所以最好只在必要时使用。

这是最佳做法吗？我是否会遇到性能问题？这是遗产吗？

Answer 1

如果指定尺寸，浏览器甚至可以在加载图像之前以适当的间距渲染页面。

Answer 2

我认为最好保留宽度和高度属性，以便在图像加载时页面不会继续移动。事实上，当我试图查看一个画廊并且他们忽略了这些属性时，它让我很烦恼！我想你可以用CSS代替它，或者将宽度/高度放在某个容器元素上......只要记住，一旦客户端完成下载并且它们的尺寸可以知道，图像将“展开”。

Answer 3

拥有图像大小以便在加载图像之前完成页面布局可能很有用。否则页面渲染器不知道图像在知道图像大小之前将占用多少空间，这可能导致在页面加载时大量移动。

对于内容图片而言，这可能不是什么大问题，但对于对页面布局有影响的图片（如页眉，页脚和侧边栏）可能会分散注意力。

正如Archonix在评论中所说，Google有good overview。