荔园在线
荔园之美，在春之萌芽，在夏之绽放，在秋之收获，在冬之沉淀
[回到开始]
[上一篇][下一篇]
发信人: Wdyslnt (relife), 信区: Homepage
标 题: 幫你的個人網頁廋身
发信站: 荔园晨风BBS站 (Fri May 11 08:19:45 2001), 站内信件
网页资料量与下载速度
在网页上加入各种图形，或是使用Java Applet制造特效，可以使网页看起来赏心悦
目，因而吸引更多的网友。但是如果用得太过火，网页上一大堆图形，同时还使用好几
个不同的Java Applet，将会使网页下载的时间变得很长，如果遇到较没有耐心的网友，
可能还没等到网页下载完毕，就按下「停止」，改看别的网站去也。若是遇到网路容易
塞车的时段，网页下载太慢更是访客人数的头号杀手。
那麽一个网页的资料量究竟要多大才是恰当的，这就要由网路的传输速率，和一般
人能够容忍的等待时间来估算了，这可以由一个简单的式子来表示∶
网页资料量上限＝传输速率×可容忍等待时间
网路传输速率，自然要以一般MODEM的速率为准，就以56K MODEM来计算，56Kbps(K
ilo bits per second)的传输率每秒大约可以传输5KB(Kilo Bytes)的资料，事实上若是
考虑到网路塞车的问题，平均的传输率可能只有每秒2-3KB而已。至於可容忍的等待时间
，这个就因人而异了，很难有个准则，既然如此，不妨自己想像一下，等待多久会让人
觉得难以忍受。我个人是建议，如果可能的话，最好下载时间不要超过30秒。若以传输
率每秒3KB来估计，计算结果如下∶
网页资料量上限＝3KB×30＝90KB
请注意，网页资料包含所有需要下载的东西，HTML、图档、Java程式、MIDI......
将网页图形最佳化
也许有些人一看到上面的数字，立即的反应就是∶「开玩笑！90KB能放什麽东西呀
，光是我首页上那个美美的进站看板图就差不多这麽大了。」
非也非也，这样的想法其实并不正确，网页上使用的图形档，如果经过适当的处理
，可以压缩得很小而且还有不错的品质。以下就将个人的一些经验提出来供大家参考。
一般网页上通用的图形档格式有两种∶JPG和GIF，另外有一种PNG格式，不过很少人
用。JPG可以储存全彩和灰阶图形，使用破坏性压缩，GIF则是色盘式图档，可使用2-25
6种色彩，压缩方法是非破坏性的LZW压缩法。以下就针对这两种图档的特性，分析缩小
图档的方法。
GIF图档
由於GIF图档是使用非破坏性压缩，因此压缩率不会太高，所以最容易出现档案过大
的情形，尤其GIF动画档更是如此。
减少使用的色彩数
这是最基本的方法，通常也是极为有效的方法。GIF是色盘式图档，一个像素可使用
1-8个位元来记录色彩索引值，再根据索引值对应到色盘表上的RGB色彩。一个像素使用
的位元数，会决定图形中可包含最大的色彩数。
位元数 1 2 3 4 5 6 7 8
色彩数 2 4 8 16 32 64 128 256
熟悉二进位的网友，应该很清楚以上所列的对应关系。总之，色彩用得愈少，需要
记录的资讯量就愈少，这应该是很容易理解的事。
因为GIF图档适用的范围是色块式的图形，例如卡通造型的图案或是一些标、Log
o等等，这种图形本身的颜色其实不会太复杂，所以32色或16色就能表现出很不错的品质
，甚至有些图形实际上包含的色彩数根本就屈指可数，如果使用GIF预设的256色完全就
是浪费空间。
至於如何调整色盘式图档的色彩数，各种绘图软体都有所不同，不过大致上应该都
是在「转换影像类型」之类的功能中。
使用透明色取代遮罩
GIF可以产生局部透明的图案，而制作的方式有两种，一种是指定一个色彩为透明色
，另一种是使用遮罩。若是使用遮罩，图档中还要另外储存遮罩的资讯，因此会使档案
变大，所以使用透明色的方式会产生较小的图档。
动画档只储存不同的部份
储存GIF动画档时，如果设定为只储存动画格之间不同的部份，可以使档案缩小许多
。所以在设计GIF动画时，若能尽量保留一些不改变的部份，就能使动画档不致於太大。
动画格数不要太多
这个其实纯粹是动画设计的问题，如果真的需要很多格，那也没办法。
JPG图档
提高压缩率感觉上这好像是废话，提高JPG的压缩率当然可以使图档更小，问题是品
质也会跟著变差。重点是，如何在压缩率和品质之间取一个平衡点。建议是，使用有JP
G预览功能的软体输出网页用的JPG图档，可以在储存之前测试各种不同设定所产生的影
像品质。关於这方面，推荐大家使用友立资讯出品的PhotoImpact4或其他处理网页图形
的工具，PhotoImpact的Smart Saver可以让你调整出最适当的JPG压缩率。
调整YUV次取样
YUV次取样是使用邻近像素的色彩平均值取代单一像素的色彩，因此可以减少色彩的
资讯量。对於色彩变化较缓和的图形，使用YUV422甚至YUV411（411压缩率较高），可以
压缩得更小，而且不会造成太大的失真。但是对於具有强烈色彩对比和锐利边缘的图案
，使用YUV次取样将使图形严重失真，这种状况就要关闭YUV次取样（选择YUV444）。
请注意！并非所有绘图软体都提供这项设定，PhotoShop就没有。
提高平滑化程度
提高平滑化程度可以压缩得较小，但是会使影像变得较模糊柔和，如果你需要较锐
利的图形，就最好不要用平滑化功能。其实如果是较鲜明锐利的图案，改用GIF档也许会
有较好的效果。
谨慎使用Java Applet
太过滥用Java Applet基本上有两点不好的影响∶下载Java Applet会耗费不少时间
。
执行过多的Java Applet会拖慢浏览器的执行速度，如果Java Applet本身设计不良
，更是会雪上加霜。
此外，不时会看到一些网站使用Java Applet来做某些使用JavaScript就可以做到的
效果，基本上，如果可以使用JavaScript做到的功能，就不要使用Java Applet来做。
还有，一些Java Applet产生的特效确实是很炫，但是并不是用了一堆很炫的效果就
会使网站更好看，特效要和网页的整体设计搭配得宜才会显现出它的效果，如果只是一
昧滥用特效，不但没有什麽好处，有时反而会使浏览网页的人感觉厌烦。
--
?
※ 来源:·荔园晨风BBS站 bbs.szu.edu.cn·[FROM: 192.168.47.65]
[回到开始]
[上一篇][下一篇]
荔园在线首页 友情链接：深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店