作者： Jason Cook
第四页 合适的尺寸
当你使用图形编辑器时，保证图形尺寸（72dpi）
与将要在网页上显示的相同。在HTML中，用
<IMAGE>标记的WIDTH和HEIGHT属性重述图像的实
际尺寸。这可以使浏览器在图像下载时同时呈现
页面的其余部分 - 于是人们在等待图像是有其它
东西读 - 并且保证在“关闭图像”浏览时可以看
到正确的页面布局。
如果在页面中使用表格，图像尺寸非常重要：因
为没有定义尺寸的图像会迫使浏览器清除和重绘
页面。这种情况发生在当浏览器按照<TABLE>和
<TD>来建造表格，然后却发现表格单元中的图像
没有尺寸参数却太大而不能放在表格中时。浏览
器只得重绘表格来容纳如此笨拙的图像。效率低
下的页面重绘浪费时间，而且用户看到不断消失
和重绘的页面时也会不高兴。
使用WIDTH和HEIGHT时，最重要的是不要用它们调
整页面图形的大小或形状。通过HTML调整大小是
很差劲的，有两个原因。如果你放大图像，你会
得到一幅有锯齿的图片。如下所示：
用HTML使图像变小不是一直很坏，但在表现上很
差。因为浏览器下载的数据比实际要显示的图像
多，于是增加了下载时间。
制定规则的目的就是违反它。这里也有一个可以
违反规则的例子。如果你浏览HotWired和
Webmonkey很长时间了，你就会看到以下的图形：
 |
|
这种情况下，两个图片是同一个GIF文件，所以它
们的下载时间相同。右边的图形通过IMG标记的
WIDTH和HEIGHT属性被放大一倍。放大后没有锯齿
是因为图像本身没有任何曲线或斜线。如果你的
标记或设计全是直角，你可以用一个非常小的GIF
文件，然后在HTML中放大 - 别忘了保持合适的比
例。
具有艺术性的人可能用HTML放大各种图像。当
然，只有你知道你的公司经理是否在意你对他的
照片进行这样的艺术处理。>>
第一页 网站优化教程 -
第一天
第二页 不必要的就不要
第三页 GIF文件和JPEG文件
第四页 合适的尺寸
第五页 缓存是你的朋友
