容易忽略的尺寸

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

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

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


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

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

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

                         [返回]