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