網(wǎng)頁資料量與下載速度在網(wǎng)頁上加入各種圖形，或是使用JavaApplet制造，可以使網(wǎng)頁看起來賞心悅目，因而吸引更多的網(wǎng)友。但是如果用得太過火，網(wǎng)頁上一大堆圖形，同時還使用好幾個不同的JavaApplet，將會使網(wǎng)頁下載的時間變得很長，如果遇到較沒有耐心的網(wǎng)友，可能還沒等到網(wǎng)頁下載完畢，按下「停止」，改看別的網(wǎng)站去也。若是遇到網(wǎng)路容易塞車的時段，網(wǎng)頁下載太慢更是訪客人數(shù)的頭號殺手。那麼一個網(wǎng)頁的資料量究竟要多大才是恰當(dāng)?shù)�，這要由網(wǎng)路的傳輸速率，和一般人能夠容忍的等待時間來估算了，這可以由一個簡單的式子來表示∶網(wǎng)頁資料量上限＝傳輸速率×可容忍等待時間網(wǎng)路傳輸速率，自然要以一般MODEM的速率為準(zhǔn)，以56KMODEM來計算，56Kbps(Kilobitspersecond)的傳輸率每秒大約可以傳輸5KB(KiloBytes)的資料，事實上若是考慮到網(wǎng)路塞車的問題，平均的傳輸率可能只有每秒2-3KB而已。至於可容忍的等待時間，這個因人而異了，很難有個準(zhǔn)則，既然如此，不妨自己想像一下，等待多久會讓人覺得難以忍受。我個人是建議，如果可能的話，下載時間不要超過30秒。若以傳輸率每秒3KB來估計，計算結(jié)果如下∶網(wǎng)頁資料量上限＝3KB×30＝90KB請注意，網(wǎng)頁資料包含所有需要下載的東西，HTML、圖檔、Java程式、MIDI......將網(wǎng)頁圖形化也許有些人一看到上面的數(shù)字，立即的反應(yīng)是∶「開玩笑！90KB能放什麼東西呀，光是我首頁上那個美美的進站看板圖差不多這麼大了�！狗且卜且�，這樣的想法其實并不正確，網(wǎng)頁上使用的圖形檔，如果經(jīng)過適當(dāng)?shù)奶幚�，可以壓縮得很小而且還有不錯的品質(zhì)。以下將個人的一些經(jīng)驗提出來供大家參考。一般網(wǎng)頁上通用的圖形檔格式有兩種∶JPG和GIF，另外有一種PNG格式，不過很少人用。JPG可以儲存全彩和灰階圖形，使用破壞性壓縮，GIF則是色盤式圖檔，可使用2-256種色彩，壓縮方法是非破壞性的LZW壓縮法。以下針對這兩種圖檔的特性，分析縮小圖檔的方法。GIF圖檔由於GIF圖檔是使用非破壞性壓縮，因此壓縮率不會太高，所以最容易出現(xiàn)檔案過大的情形，尤其GIF動畫檔更是如此。減少使用的色彩數(shù)這是最基本的方法，通常也是極為有效的方法。GIF是色盤式圖檔，一個像素可使用1-8個位元來記錄色彩索引值，再根據(jù)索引值對應(yīng)到色盤表上的RGB色彩。一個像素使用的位元數(shù)，會決定圖形中可包含的色彩數(shù)。位元數(shù) 1 2 3 4 5 6 7 8色彩數(shù) 2 4 8 16 32 64 128 256熟悉二進位的網(wǎng)友，應(yīng)該很清楚以上所列的對應(yīng)關(guān)系�？傊�，色彩用得愈少，需要記錄的資訊量愈少，這應(yīng)該是很容易理解的事。因為GIF圖檔適用的范圍是色塊式的圖形，例如卡通造型的圖案或是一些標(biāo)、Logo等等，這種圖形本身的顏色其實不會太復(fù)雜，所以32色或16色能表現(xiàn)出很不錯的品質(zhì)，甚至有些圖形實際上包含的色彩數(shù)根本屈指可數(shù)，如果使用GIF預(yù)設(shè)的256色完全是浪費空間。至於如何調(diào)整色盤式圖檔的色彩數(shù)，各種繪圖軟體都有所不同，不過大致上應(yīng)該都是在「轉(zhuǎn)換影像類型」之類的功能中。使用透明色取代遮罩GIF可以產(chǎn)生局部透明的圖案，而制作的方式有兩種，一種是指定一個色彩為透明色，另一種是使用遮罩。若是使用遮罩，圖檔中還要另外儲存遮罩的資訊，因此會使檔案變大，所以使用透明色的方式會產(chǎn)生較小的圖檔。動畫檔只儲存不同的部份儲存GIF動畫檔時，如果設(shè)定為只儲存動畫格之間不同的部份，可以使檔案縮小許多。所以在設(shè)計GIF動畫時，若能盡量保留一些不改變的部份，能使動畫檔不致於太大。動畫格數(shù)不要太多這個其實純粹是動畫設(shè)計的問題，如果真的需要很多格，那也沒辦法。JPG圖檔提高壓縮率感覺上這好像是廢話，提高JPG的壓縮率當(dāng)然可以使圖檔更小，問題是品質(zhì)也會跟著變差。重點是，如何在壓縮率和品質(zhì)之間取一個平衡點。建議是，使用有JPG預(yù)覽功能的軟體輸出網(wǎng)頁用的JPG圖檔，可以在儲存之前測試各種不同設(shè)定所產(chǎn)生的影像品質(zhì)。關(guān)於這方面，推薦大家使用友立資訊出品的PhotoImpact4或其他處理網(wǎng)頁圖形的工具，PhotoImpact的SmartSaver可以讓你調(diào)整出最適當(dāng)?shù)腏PG壓縮率。調(diào)整YUV次取樣YUV次取樣是使用鄰近像素的色彩平均值取代單一像素的色彩，因此可以減少色彩的資訊量。對於色彩變化較緩和的圖形，使用YUV422甚至YUV411（411壓縮率較高），可以壓縮得更小，而且不會造成太大的失真。但是對於具有強烈色彩對比和銳利邊緣的圖案，使用YUV次取樣將使圖形嚴(yán)重失真，這種狀況要關(guān)閉YUV次取樣（選擇YUV444）。請注意！并非所有繪圖軟體都提供這項設(shè)定，PhotoShop沒有。提高平滑化程度提高平滑化程度可以壓縮得較小，但是會使影像變得較模糊柔和，如果你需要較銳利的圖形，不要用平滑化功能。其實如果是較鮮明銳利的圖案，改用GIF檔也許會有較好的效果。謹(jǐn)慎使用JavaApplet太過濫用JavaApplet基本上有兩點不好的影響∶下載JavaApplet會耗費不少時間�！�(zhí)行過多的JavaApplet會拖慢瀏覽器的執(zhí)行速度，如果JavaApplet本身設(shè)計不良，更是會雪上加霜。此外，不時會看到一些網(wǎng)站使用JavaApplet來做某些使用Javascript可以做到的效果，基本上，如果可以使用Javascript做到的功能，不要使用JavaApplet來做。還有，一些JavaApplet產(chǎn)生的確實是很炫，但是并不是用了一堆很炫的效果會使網(wǎng)站更好看，要和網(wǎng)頁的整體設(shè)計搭配得宜才會顯現(xiàn)出它的效果，如果只是一昧濫用，不但沒有什麼好處，有時反而會使瀏覽網(wǎng)頁的人感覺厭煩。
上一篇：
網(wǎng)站風(fēng)格概論
下一篇：
用CSS縮寫給你的網(wǎng)站加速