在 HTML 中设置图像尺寸
设置图像的尺寸（在静态内容中）是否是一个好习惯，即使我已将图像裁剪为正确的尺寸并且它的容器具有固定尺寸和溢出：隐藏？
<img src="" title ="" alt="" width="100" height="100"/>
Is it good practice to set the dimensions of an image (in static content), even if I have cropped the image to the correct size and it's container has fixed dimensions and overflow:hidden ?
<img src="" title ="" alt="" width="100" height="100"/>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
一般来说，您应该提供高度和宽度标签，以便浏览器可以为图像保留所需的空间。否则，布局可能会在页面加载期间发生变化。
由于您有一个固定大小的容器和溢出：隐藏，但它可能不会有太大帮助。但即使没有帮助，也没有坏处。因此，您应该坚持始终添加高度和宽度属性。
http://www.w3schools.com/tags/att_img_width.asp（请参阅“定义和用法”下的提示）
Generally you should provide the height and width tags, so that the browser can reserve the needes space for the image. Else, the layout may change during the loading of the page.
As you have a fixed size container and overflow: hidden, it probably won't help much though. But even if it doesn't help, it does no harm either. So you should stick with always adding height and width attributes.
http://www.w3schools.com/tags/att_img_width.asp (See the tips under "Definition and Usage")
我没有硬数据来支持它，但我想我见过浏览器在加载实际图像之前在图像位置显示一个矩形。为了正确显示该矩形区域，浏览器需要宽度和高度数据。
此外，当图像关闭或无法加载时，某些浏览器会显示矩形而不是图像。为了正确调整矩形的大小，还需要尺寸信息。
我认为设置它不会有任何坏处。
I don't have hard data to back it up, but I think I have seen browsers that showed a rectangle in the image's place until the actual image was loaded. To show that rectangular area correctly, browser would need width and height data.
Also, some browsers will show a rectangle instead of the image when images are turned off or can't be loaded. For correct sizing of the rectangle, dimension info is also needed.
I think it won't do any harm to set it.