网页制作---帮你的网页瘦身_网站设计_徐州网站建设_徐州网站制作_徐州网络公司_徐州慧网网络科技有限公司

网页制作---帮你的网页瘦身

发布时间：2005-01-26　　　浏览次数：1150016

网页资料量与下载速度在网页上加入各种图形，或是使用JavaApplet制造，可以使网页看起来赏心悦目，因而吸引更多的网友。但是如果用得太过火，网页上一大堆图形，同时还使用好几个不同的JavaApplet，将会使网页下载的时间变得很长，如果遇到较没有耐心的网友，可能还没等到网页下载完毕，按下「停止」，改看别的网站去也。若是遇到网路容易塞车的时段，网页下载太慢更是访客人数的头号杀手。那麽一个网页的资料量究竟要多大才是恰当的，这要由网路的传输速率，和一般人能够容忍的等待时间来估算了，这可以由一个简单的式子来表示∶网页资料量上限＝传输速率×可容忍等待时间网路传输速率，自然要以一般MODEM的速率为准，以56KMODEM来计算，56Kbps(Kilobitspersecond)的传输率每秒大约可以传输5KB(KiloBytes)的资料，事实上若是考虑到网路塞车的问题，平均的传输率可能只有每秒2-3KB而已。至於可容忍的等待时间，这个因人而异了，很难有个准则，既然如此，不妨自己想像一下，等待多久会让人觉得难以忍受。我个人是建议，如果可能的话，下载时间不要超过30秒。若以传输率每秒3KB来估计，计算结果如下∶网页资料量上限＝3KB×30＝90KB请注意，网页资料包含所有需要下载的东西，HTML、图档、Java程式、MIDI......将网页图形化也许有些人一看到上面的数字，立即的反应是∶「开玩笑！90KB能放什麽东西呀，光是我首页上那个美美的进站看板图差不多这麽大了。」非也非也，这样的想法其实并不正确，网页上使用的图形档，如果经过适当的处理，可以压缩得很小而且还有不错的品质。以下将个人的一些经验提出来供大家参考。一般网页上通用的图形档格式有两种∶JPG和GIF，另外有一种PNG格式，不过很少人用。JPG可以储存全彩和灰阶图形，使用破坏性压缩，GIF则是色盘式图档，可使用2-256种色彩，压缩方法是非破坏性的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图档适用的范围是色块式的图形，例如卡通造型的图案或是一些标、Logo等等，这种图形本身的颜色其实不会太复杂，所以32色或16色能表现出很不错的品质，甚至有些图形实际上包含的色彩数根本屈指可数，如果使用GIF预设的256色完全是浪费空间。至於如何调整色盘式图档的色彩数，各种绘图软体都有所不同，不过大致上应该都是在「转换影像类型」之类的功能中。使用透明色取代遮罩GIF可以产生局部透明的图案，而制作的方式有两种，一种是指定一个色彩为透明色，另一种是使用遮罩。若是使用遮罩，图档中还要另外储存遮罩的资讯，因此会使档案变大，所以使用透明色的方式会产生较小的图档。动画档只储存不同的部份储存GIF动画档时，如果设定为只储存动画格之间不同的部份，可以使档案缩小许多。所以在设计GIF动画时，若能尽量保留一些不改变的部份，能使动画档不致於太大。动画格数不要太多这个其实纯粹是动画设计的问题，如果真的需要很多格，那也没办法。JPG图档提高压缩率感觉上这好像是废话，提高JPG的压缩率当然可以使图档更小，问题是品质也会跟著变差。重点是，如何在压缩率和品质之间取一个平衡点。建议是，使用有JPG预览功能的软体输出网页用的JPG图档，可以在储存之前测试各种不同设定所产生的影像品质。关於这方面，推荐大家使用友立资讯出品的PhotoImpact4或其他处理网页图形的工具，PhotoImpact的SmartSaver可以让你调整出最适当的JPG压缩率。调整YUV次取样YUV次取样是使用邻近像素的色彩平均值取代单一像素的色彩，因此可以减少色彩的资讯量。对於色彩变化较缓和的图形，使用YUV422甚至YUV411（411压缩率较高），可以压缩得更小，而且不会造成太大的失真。但是对於具有强烈色彩对比和锐利边缘的图案，使用YUV次取样将使图形严重失真，这种状况要关闭YUV次取样（选择YUV444）。请注意！并非所有绘图软体都提供这项设定，PhotoShop没有。提高平滑化程度提高平滑化程度可以压缩得较小，但是会使影像变得较模糊柔和，如果你需要较锐利的图形，不要用平滑化功能。其实如果是较鲜明锐利的图案，改用GIF档也许会有较好的效果。谨慎使用JavaApplet太过滥用JavaApplet基本上有两点不好的影响∶下载JavaApplet会耗费不少时间。　执行过多的JavaApplet会拖慢浏览器的执行速度，如果JavaApplet本身设计不良，更是会雪上加霜。此外，不时会看到一些网站使用JavaApplet来做某些使用Javascript可以做到的效果，基本上，如果可以使用Javascript做到的功能，不要使用JavaApplet来做。还有，一些JavaApplet产生的确实是很炫，但是并不是用了一堆很炫的效果会使网站更好看，要和网页的整体设计搭配得宜才会显现出它的效果，如果只是一昧滥用，不但没有什麽好处，有时反而会使浏览网页的人感觉厌烦。

上一篇：网站风格概论

下一篇：用CSS缩写给你的网站加速