如果我知道要用图像标签显示的图像的高度和宽度，我应该包括高度和宽度属性，还是只把信息放在CSS中？还是两者都有？
前任.
<img src="profilepic.jpg" height="64" width="64" />
或
<img src="profilepic.jpg" height="64" width="64" style="height: 64px; width: 64px;" />
或
<img src="profilepic.jpg" style="height: 64px; width: 64px;" />
根据Google Page Speed，您应该始终在图像标签中定义宽度和高度.但是，要进行验证，您不能使用style标记.
此外，您应该始终指定与实际图像相同的高度和宽度，这样浏览器就不必对其进行任何修改(如调整大小).
我建议你做这件事
<img src="..." height="20" width="50">
Edit:有人在 comments 中建议，不添加任何属性会更快.根据谷歌的说法(并不是说它们是所有浏览器知识的终结):
如果包含的文档中未指定尺寸，或者指定的尺寸与实际图像的尺寸不匹配，则下载图像后，浏览器将需要回流并重新绘制.要防止回流，请在HTML标记或CSS中指定所有图像的宽度和高度.-Read More
考虑到这一点，您可以在CSS中执行img维度，但要进行验证，您必须在CSS文件中执行，而不是内联.
BTW, Google Page Speed is a series of tips focused on rendering the page faster.个