我应该在HTML中为我的IMG指定高度和宽度属性吗？

如果我知道我要用图像标签显示的图像的高度和宽度,我应该包括高度和宽度属性,还是只将信息放在CSS中？或两者？

防爆.

要么

要么

Tyler Carter.. 84

根据Google Page Speed,您应始终在图片代码中定义宽度和高度.但是,要验证您不能使用样式标记.

此外,您应始终指定与实际图像相同的高度和宽度,以便浏览器不必像调整大小那样对其进行任何修改.

我建议你这样做

---

编辑:有人在评论中建议,不添加任何属性会更快.根据谷歌(并不是说它们是所有浏览器知识的终结):

如果在包含文档中未指定维度,或者指定的维度与实际图像的维度不匹配,则浏览器将需要重排并在下载图像后重新绘制.要防止回流,请在HTML标记或CSS中指定所有图像的宽度和高度.- 阅读更多

鉴于此,您可以在CSS中执行img维度,但要验证您必须在CSS文件中执行此操作,而不是内联.

顺便说一下,谷歌页面速度是一系列专注于更快地渲染页面的技巧.

1> Tyler Carter..：

---

根据Google Page Speed,您应始终在图片代码中定义宽度和高度.但是,要验证您不能使用样式标记.

此外,您应始终指定与实际图像相同的高度和宽度,以便浏览器不必像调整大小那样对其进行任何修改.

我建议你这样做

---

编辑:有人在评论中建议,不添加任何属性会更快.根据谷歌(并不是说它们是所有浏览器知识的终结):

如果在包含文档中未指定维度,或者指定的维度与实际图像的维度不匹配,则浏览器将需要重排并在下载图像后重新绘制.要防止回流,请在HTML标记或CSS中指定所有图像的宽度和高度.- 阅读更多

鉴于此,您可以在CSS中执行img维度,但要验证您必须在CSS文件中执行此操作,而不是内联.

顺便说一下,谷歌页面速度是一系列专注于更快地渲染页面的技巧.

---

如果图像不应以实际尺寸显示怎么办？我还应该定义它们的宽度和高度,还是应该定义它们显示的宽度和高度？IE如果有500*500像素的图像,但它应显示为45*45？

2> Sinan Ünür..：

---

如果只是为了帮助浏览器在下载图像之前将页面放置出来,您应该始终指定图像height和width图像.

请参阅13.7 HTML 4.01规范中的图像,对象和小程序的可视化表示:

高度和宽度属性使用户代理可以了解图像或对象的大小,以便他们可以为其预留空间并在等待图像数据时继续渲染文档.

他们是推荐的,不是必需的,但你真的,真的应该指定它们;-)

另外,请确保您指定的尺寸实际上与图像的尺寸相匹配.

没有比等待页面下载更糟糕的了,因为那些400x300(!)图像实际上更像4000x3000是95%的质量.

3> meder omural..：

---

是的，您应该指定尺寸，以便用户代理可以在图像完全加载之前事先知道尺寸，因此，如果布局依赖于加载的图像的尺寸，则布局看起来可能不会损坏。另外，如果您依靠IE6的filter属性插入png，则需要这些尺寸。

---

他在询问是否应该添加图像尺寸的哪种方法。