有没有很好的理由来定义我不打算调整大小的图像的宽度和高度？

Question

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

这是最佳实践吗？我是我遇到性能问题？这是遗留的东西吗？

Answer 1

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

Answer 2

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

Answer 3

使图像大小变得有用，以便在加载图像之前完成页面布局。否则，页面渲染器不知道图像占用多少空间，直到它知道图像的大小，并且这可能导致页面加载时发生大量变化。

这对于内容图像来说可能并不是什么大不了的事情，但它可能会影响对页面布局有影响的图像，例如页眉，页脚和侧边栏。

由于Archonix在他的评论中表示，谷歌有一个good overview。