網(wǎng)站建設(shè)種主頁(yè)圖形快速顯示的方法發(fā)布者：本站     時(shí)間：2022-05-03 10:05:53

現(xiàn)在介紹加速網(wǎng)頁(yè)圖形顯示速度的六種方法，為你解決這個(gè)難題。其最基本的宗旨就是，讓你用買魚的價(jià)錢，品嘗到熊掌的美味和營(yíng)養(yǎng)。

1.首先要確定圖像的格式。這一點(diǎn)很重要，在HTML文件中，使用＊.jpg、＊.gif、＊.bmp等文件格式均是可以瀏覽的。我們只選擇前面的兩種，因?yàn)檫@兩種文件格式能對(duì)圖像進(jìn)行很大程度的壓縮，使得在產(chǎn)生相近視覺效果的前提下，圖像文件的容量會(huì)小很多。但是，我們到底是使用JPG格式呢，還是使用GIF格式？如果圖像是使用掃描儀輸入進(jìn)計(jì)算機(jī)的（當(dāng)然也包括用數(shù)字相機(jī)），通常這種圖像都是一些人物照片，風(fēng)景照片什么的，這種圖片中所用到的色彩比較多，就是說(shuō)圖像中既有淺紅色，又有深紅色，還有綠色、藍(lán)色、黃色等等，這時(shí)候我們應(yīng)該選擇使用JPG格式來(lái)存儲(chǔ)圖像。如果圖形是由你自己使用Photoshop，Paint Shop Pro等軟件制作的，如標(biāo)題文字等，這時(shí)圖像中所使用的色彩通常會(huì)比較少，我們可以選擇GIF格式。要想知道圖像中到底使用到了多少種顏色，只要使用Paint Shop Pro軟件（筆者使用的是5.00版）中的“Color / Count Colors Used ”功能即可以得到準(zhǔn)確的答案。

2.在Paint Shop Pro軟件的Color下拉菜單中，還有一項(xiàng)“Decrease Color Depth”功能，它是用來(lái)減少圖像所用顏色數(shù)目的，你可以選擇其中的16 Colors，即將圖片所使用的色彩數(shù)量減到16種顏色。當(dāng)顏色數(shù)目減少后，如果你認(rèn)為圖像質(zhì)量變化不大，那么就選用GIF格式。要知道，JPG格式對(duì)待彩色圖像可是一律使用16M色呦。

3.如果你認(rèn)為色彩數(shù)量減少后圖像的視覺效果明顯變差，讓你不能忍受，那么我們就采用JPG壓縮格式。無(wú)論是使用什么樣的圖形處理軟件，它都會(huì)在你存盤時(shí)向你詢問(wèn)JPG的壓縮比。當(dāng)然，壓縮得越狠，文件越小，但是圖像質(zhì)量也越差。通常，采樣50％到70％的壓縮率比較好（百分?jǐn)?shù)越大，文件越小），當(dāng)壓縮率從0％上升到50％時(shí)，文件大小會(huì)急劇下降，而圖像質(zhì)量卻變化不大，再加大壓縮率后，圖像會(huì)明顯變差，而文件的大小卻減少得十分有限，有時(shí)甚至只減少幾十個(gè)字節(jié)。不過(guò)有一點(diǎn)要告訴你，凡事都沒(méi)有絕對(duì)情況，你不妨在這時(shí)試著? 256色的格式將圖片存儲(chǔ)成GIF格式，與JPG格式的文件比一比哪個(gè)字節(jié)數(shù)更少，圖像質(zhì)量如何，最終才決定使用什么圖像格式。

前面幾乎將圖像減肥的方法都說(shuō)出來(lái)了，也就是說(shuō)圖像的字節(jié)數(shù)已經(jīng)是無(wú)法再減少了。但是，我們可以想辦法在圖像文件大小一定的情況下，讓瀏覽者可以耐心等待圖像全部出來(lái)。其方法是采用隔行GIF和逐級(jí)JPG方式。隔行GIF是指圖像文件是按照隔行的方式來(lái)顯示的，比如先出奇數(shù)行，再出偶數(shù)行，造成圖像是逐漸變清楚的。將圖像文件保存成隔行GIF格式的方法是，在Photoshop中進(jìn)行保存時(shí)，選擇“Interlaced”（不要選擇“Normal”），在Paint Shop Pro中進(jìn)行保存時(shí)，點(diǎn)擊“Option…”按鈕，選擇“Interlaced”（不要選擇“Non Interlaced”）。逐級(jí)JPG文件可以讓圖像先以比較模糊的形式顯示，隨著圖像文件數(shù)據(jù)不斷從網(wǎng)上傳過(guò)來(lái)，圖像會(huì)逐漸變清晰。這樣做的好處是圖像可以盡快地顯示出來(lái)，雖然圖像不很完美，但是卻讓瀏覽者看到了希望，并且圖像在不斷地變好。將圖像文件保存成逐級(jí)JPG格式的方法是，在Photoshop中進(jìn)行保存時(shí)，選擇“Progressive”，在Paint Shop Pro中進(jìn)行保存時(shí)，點(diǎn)擊“Option…”按鈕，選擇“Progressive encoding”。 　　 
5.還有一種讓瀏覽者可以耐心等待圖像顯示出來(lái)的辦法，那就是使用預(yù)覽圖像。即在顯示原圖之前，先顯示一幅字節(jié)數(shù)比較小，畫面質(zhì)量相對(duì)較差的圖片。由瀏覽者決定是否瀏覽原圖。通常，預(yù)覽圖像都是主圖像的低分辨率、高壓縮率的版本。使用預(yù)覽圖像的方法是：＜img src="temp.gif" lowsrc="preview.gif"$＞，其中temp.gif是原圖，而preview.gif是預(yù)覽圖。

6.在可以達(dá)到預(yù)期目的的情況下，盡量把圖形尺寸做小，圖形尺寸越小，則字節(jié)數(shù)相應(yīng)就會(huì)越少。在制作圖像時(shí)，還要盡量將圖形四周無(wú)用的信息去掉，比如說(shuō)你制作了一個(gè)非常漂亮的美術(shù)字的圖片，它的背景是黑色，而網(wǎng)頁(yè)的底色也是黑色，這時(shí)你就一定要讓美術(shù)字盡量充滿整個(gè)圖像，不要讓圖片中黑色的底色邊框過(guò)大，因?yàn)閳D片的底色最終要與網(wǎng)頁(yè)的底色融為一體，在美術(shù)字大小一定的情況下，圖片做得越大，圖像文件大小的字節(jié)數(shù)就會(huì)越多，在網(wǎng)上傳輸起來(lái)就越費(fèi)時(shí)間。還有就是在＊.html文件中使用圖像時(shí)，可以添加WIDTH和HEIGHT屬性，它們分別代表圖像在頁(yè)面上顯示時(shí)的寬度和高度。需要說(shuō)明的是，這個(gè)寬度和高度與圖像本身的尺寸無(wú)關(guān)。例如，你可以在＊.html文件中這樣使用尺寸為88×31的圖像文件logo.gif。