容易忽略的尺寸

当你使用图形编辑器时，保证图形尺寸（72dpi）与将要在网页
上显示的相同。在HTML中，用<IMAGE>标记的WIDTH和HEIGHT属
性重述图像的实际尺寸。这可以使浏览器在图像下载时同时呈
现页面的其余部分 - 于是人们在等待图像是有其它东西读 -
并且保证在“关闭图像”浏览时可以看到正确的页面布局。

如果在页面中使用表格，图像尺寸非常重要：因为没有定义尺
寸的图像会迫使浏览器清除和重绘页面。这种情况发生在当浏
览器按照<TABLE>和<TD>来建造表格，然后却发现表格单元中的
图像没有尺寸参数却太大而不能放在表格中时。浏览器只得重
绘表格来容纳如此笨拙的图像。效率低下的页面重绘浪费时
间，而且用户看到不断消失和重绘的页面时也会不高兴。

使用WIDTH和HEIGHT时，最重要的是不要用它们调整页面图形的
大小或形状。通过HTML调整大小是很差劲的，有两个原因。如
果你放大图像，你会得到一幅有锯齿的图片。如下所示：

用HTML使图像变小不是一直很坏，但在表现上很差。因为浏览
器下载的数据比实际要显示的图像多，于是增加了下载时间。

制定规则的目的就是违反它。这里也有一个可以违反规则的
例子。如果你浏览HotWired和Webmonkey很长时间了，你就会看
到以下的图形：

这种情况下，两个图片是同一个GIF文件，所以它们的下载时间
相同。右边的图形通过IMG标记的WIDTH和HEIGHT属性被放大
一倍。放大后没有锯齿是因为图像本身没有任何曲线或斜线。
如果你的标记或设计全是直角，你可以用一个非常小的GIF文
件，然后在HTML中放大 - 别忘了保持合适的比例。

                         [返回]