常在網(wǎng)上沖浪的用戶一定都清楚,一個(gè)好的站點(diǎn)不但內(nèi)容要精彩,還需要有美觀的頁(yè)面,更要有精美的圖片來(lái)點(diǎn)綴。但是如果圖片使用不當(dāng),也會(huì)把訪問者嚇跑。一些網(wǎng)站的首頁(yè)就是一張大圖片,的確夠漂亮,可是通常瀏覽者不等圖片顯示出來(lái)就會(huì)進(jìn)入下一頁(yè)或者離開。
現(xiàn)在就向大家介紹加速網(wǎng)頁(yè)圖形顯示速度的方法。
(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和PaintShopPro等圖形軟件制作的,如標(biāo)題文字等,這時(shí)圖像中所使用的色彩通常會(huì)比較少,可以選擇GIF格式。
(2).降低顏色數(shù)目
無(wú)論是使用什么樣的圖形處理軟件,它都會(huì)在存盤時(shí)向操作者詢問圖像的壓縮比。通常,采用50%、70%的壓縮率比較好(百分?jǐn)?shù)越大文件越小)。當(dāng)壓縮率從0%上升到50%時(shí),文件大小會(huì)急劇下降,而圖像質(zhì)量卻變化不大。當(dāng)然具體采用多大的壓縮比要看實(shí)際情況,圖像質(zhì)量要求高則壓縮比就小,圖像質(zhì)量要求低則壓縮比就大。
(3).改變顯示方式
上面己將圖像“減肥”的方法都說(shuō)的很詳細(xì)了,也就是說(shuō)圖像的字節(jié)數(shù)己經(jīng)是無(wú)法再減少了,但是在圖像文件大小一定的情況下,可以想辦法讓瀏覽者耐以等待圖像全部出來(lái)。其方法是采用隔行GIF和逐及JPG方式,隔行GIF是指圖像文件是按照隔行的方式來(lái)顯示。比如先出偶數(shù)行,再出奇數(shù)行,這會(huì)使圖像逐漸變清楚,逐級(jí)JPG方式可以讓圖像先以比較模糊的形式顯示,隨著圖像文件數(shù)據(jù)不斷從網(wǎng)上傳過來(lái),圖像會(huì)逐漸變清晰。
這做的好處是圖像可以盡快地顯示出來(lái),雖然圖像不很完美但是卻讓瀏覽者看到了希望,并且圖像在不斷地變好。
還有一種計(jì)瀏覽者可以耐心待像顯示出的辦法,那就是使用預(yù)覽圖像,即在顯示原圖像之前,先顯示一幅字比較小、畫面質(zhì)量相對(duì)較差的圖片,由瀏覽者決定是否瀏覽原圖。通常預(yù)覽圖像都是主圖像的低分辨率、高壓縮率的版本。
圖形尺寸
在可以達(dá)到頎期目的的況下·應(yīng)盡量把圖形尺寸做小、圖肜尺寸越小,則字?jǐn)?shù)和就會(huì)越少。在制作圖像時(shí),還應(yīng)盡量刪除圖形四周用的信息。比如說(shuō)制作了一個(gè)非常漂亮的美術(shù)字的圖片,它的背景是黑色,面網(wǎng)頁(yè)的底色也是黑色,這時(shí)就一定要讓美術(shù)字盡量充滿整個(gè)圖像,不要讓圖片中黑色的底色邊框過大。因?yàn)閳D片的底色最終是要與網(wǎng)頁(yè)的底色融為一體,在美術(shù)字大小一定的情況下,圖片做的越大,圖像文件大小的字節(jié)數(shù)就會(huì)越多,在網(wǎng)上傳輸起來(lái)就越費(fèi)時(shí)間,還有就是在HTML文件中使用圖像時(shí),可以在<IMG>標(biāo)簽中添加WIDTH和HEIGHT屬性,它們分別代表圖像在頁(yè)面上顯示時(shí)的寬度和高度。需要說(shuō)明的是這個(gè)寬度和高度與圖像本身的尺寸無(wú)關(guān)。例如,可以在HTML文件中使用尺寸為88×31的圖像文件logo.gif,于是,這幅圖像在網(wǎng)頁(yè)中顯示的時(shí)候就變大了、須注意的是:如果長(zhǎng)寬放大的比例不同,圖像會(huì)發(fā)生變形。