在HTML中设置图像尺寸

设置图像的尺寸（在静态内容中）是否是一种很好的做法，即使我已将图像裁剪到正确尺寸并且其容器具有固定尺寸和溢出：隐藏？在HTML中设置图像尺寸

<img src="" title ="" alt="" width="100" height="100"/>

2010-07-02 theorise

只需设置此项。 – Svisstack 2010-07-02 10:35:13

虽然有意思吗？如果图像已经是正确的大小？ – theorise 2010-07-02 10:36:19

一般而言，您应该提供高度和宽度标签，以便浏览器可以为图像保留needes空间。否则，在加载页面期间布局可能会改变。

由于你有一个固定大小的容器和溢出：隐藏，它可能不会有太大的帮助。但即使它没有帮助，也没有害处。所以你应该坚持始终添加高度和宽度属性。

2010-07-02 10:45:24

一直在试验这个。如果您在HTML中设置尺寸，看起来图像加载速度要快得多。谢谢。 – theorise 2010-07-09 08:44:35

@denix图像不加载*更快*如果您设置尺寸，但空间从开始时保持正确，在加载过程中看起来更好。 – 2010-07-09 08:46:55

我没有确凿的数据来支持它，但我想我已经看到浏览器的显示图像的地方矩形，直至实际图像加载。为了正确显示矩形区域，浏览器需要宽度和高度数据。

另外，当图像关闭或无法加载时，某些浏览器将显示矩形而不是图像。为了正确调整矩形的大小，还需要尺寸信息。

我认为设置它不会有什么坏处。

2010-07-02 10:38:41

回答