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

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

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

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

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

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

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