网页里插的图片设置了大小吗？

好端端地读着一篇文章，冷不丁蹦出个图片来把我看到的段落压了下去。我往下滚鼠标轮儿，好让那段落露出来，可又蹦出来一张图片。我接着滚，它又蹦出来，我滚，它还蹦，追着我跑，甩也甩不掉了……想给你的访客带来这样的惊喜么？插图片不设高度就行了。

在网页里插图片，要是设好了大小呢，就会预先留那么块儿位置，等图片下载好就显示在那个预留的位置上。要是没设设好大小呢，预先不留位置，可图片下载了，开始显示了，图片就会挤出一块空位来，把它后面的页面内容都给挤下去。如果插了很多图片，图片们不是同时下载的，那就会出现这个图片挤一下，那个图片挤一下，文章的版面布局一直在变，实在是没法儿看了。

你插入了一张图片，反映到网页的源代码里就是多了一个img标签：

<img src="图片地址" width="宽度" height="高度" ... />
<img src="图片地址" height="高度" ... />
<img src="图片地址" ... />

所谓设好了大小就是指有第一种情况。第二种情况是只设高度，这勉强可以接受，因为网页排版中一般高度固定了，版面就固定了，而宽度可以自动计算出来，与高度保持比例。第三种情况是不设大小，那么网页的排版预先是完全不确定的，要等图片下载了才进行纠正。

为图片设置大小还有个好处，由于图片预先占据了一块位置，如果网络一时抽风图片没加载，访客也能知道这里有一张图片，可能会刷新网页直到看到图片。而如果不设大小，访客可能根本不知道这里有张图片没下载出来，从而错过了精彩的内容。

目前大多数的Blog编辑器都是可以设置图片大小的，甚至默认就为你设置合适的图片大小。而且编辑器可以切换到HTML模式，你可以检查检查对应的那个<img>里头有没有height="某高度值"。如果你是手写HTML代码时，就自己记得设width和height。

有些论坛程序不支持用UBB代码控制图片大小，甚至还有论坛在图片加载完成再用JS把图片调整为适合的宽度，这就让人很不爽了。

Tags: 图片, 排版, 网页设计

This entry was posted on August 24th, 2010 and is filed under Tech. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response or Trackback from your own site.