2.1.2 对图形的优化处理

　　1） 减少图形文件大小: 减少文件大小对加快下载速度有着突出的贡献,可以通过以下一些方法来减小图形文件大小。

　　· 减小图形面积---这可以通过剪切图形或按比例收缩图形来实现，要注意的是，按比例收缩后有可能在图形上出现一些色斑。

　　· 注意颜色安排---通过降低色彩深度，使每一象素有较少的位数可使文件变小。而在一行内不要放入过多颜色将使文件进一步压缩，这对GIF文件更加有效，因为GIF仅是颜色的列表，它为每一行设置一个颜色列表，因此, 当沿水平方向改变颜色时，应尽量使用更多的相同颜色片段；基于相同的原因，当使用连续色调时，应尽量从顶部向底部延展，而不要在左右方向上延展。

　　· 调整图像中的对比水平---大多数图像软件都提供重润色选项,如伽玛(Gamma)较正和加亮(highlight)/中调(midtone)/阴影(shadow)来改变一个图像内的对比。缩减这些值，通常可以减少文件尺寸。

　　· 抑制抖动---抖动是指用现有调色板中颜色值来接近调色板中没有的颜色，它倾向于增大GIF文件的大小，通过选择通用安全216色调色板和用图形程序里选择“No Dither”选项可消除抖动。

　　2） 在HTML文件中为图形设置WIDTH和HEIGHT属性: 用WIDTH和HEIGHT属性来放大和压缩图示面积并不能加快下载，但它可以使浏览器在下载图片前便确定正确的页布局，先把文字和其他后继内容显示出来，是用户在下载图片的同时便可开始浏览。

　　3） 随同符号使用 LOWSRC属性: 这个属性允许我们指定另一个图形文件，它将首先下载，并在由SRC属性指定的图形文件之前显示出来，一般由它指定一个低分辨率、低色度的与SRC图形相同大小的图形，这样下载将变快。

　　4） 使用交错式GIF和渐进式JPEG：交错式GIF和渐进式JPEG是对原来图形标准的扩展。其中交错式GIF向后兼容而渐进式JPEG不能。当下载后在页面上显示时效果就如同它是从一套百页窗后显露出来一样。尽管他们不能加快下载速度，但用户的感觉却是加快的。

　　2.1.3 对表格〈TABLE〉的优化处理 虽然用〈LAYER〉和在页面布局时可以做到精确定位，但那也许只是将来的理想方案。在目前，为了得到一个真正跨浏览器，跨平台的设计方案，还得用表格进行局。 表格也许是目前网页中用得最多的布局元素，因此，对表格的优化就显得特别有价值，虽然这部分优化并不能减少下载时间，但由于浏览器需要在填充表格内容前完全理解表格的结构，所以适当的表格运用将大大缩短网页的渲染时间。在使用表格时应注意做到：

　　1) 将一个单一的大表格拆成多个小表格：这将加快页面显示速度，尤其当页面很长而用表格进行整体布局时更是如此。

　　2) 对〈TABLE〉、〈TD〉适当使用Width属性：在这一点上应注意单元格内的内容的宽度，你定义的单元格宽度至少应与内容宽度一致，以避免浏览器的过滤作用对其进行两次渲染。

　　3) 千万不要嵌套表格：这将使表格处理时间以倍速上升，如果一定要嵌套，至少应尽 使被嵌套表格保持简单。

　　4) 不要将太新的扩展多媒体元素放入表格：这将使浏览器迅速崩溃。 其他多媒体元素的优化处理

　　1) 对动画部分的优化： 对Direct或 Authorware动画应尽量压缩帧数，并使用shareware流式传输处理，对一般网页上常见的GIF动画，FLASH动画或javascript动画应尽量少用，因为他们一般除装饰效果外很难有什么其他作用却会使页面尺寸急剧增加。

　　2) 对背景音乐的优化：优先选用midi格式，采样仅需8位、11kHz即可。如果需要语音朗读的话，尽可能使用男声，这可以采用更低的设置。尽量将声音做成可选设置，优先选用流式声音传输格式。

　　3) 对脚

上一页  [1] [2] [3] [4] 下一页