網(wǎng)站建設(shè)種主頁圖形快速顯示的方法發(fā)布者:本站 時間:2022-05-03 10:05:53
現(xiàn)在介紹加速網(wǎng)頁圖形顯示速度的六種方法,為你解決這個難題。其最基本的宗旨就是,讓你用買魚的價錢,品嘗到熊掌的美味和營養(yǎng)。
1.首先要確定圖像的格式。這一點很重要,在HTML文件中,使用*.jpg、*.gif、*.bmp等文件格式均是可以瀏覽的。我們只選擇前面的兩種,因為這兩種文件格式能對圖像進(jìn)行很大程度的壓縮,使得在產(chǎn)生相近視覺效果的前提下,圖像文件的容量會小很多。但是,我們到底是使用JPG格式呢,還是使用GIF格式?如果圖像是使用掃描儀輸入進(jìn)計算機(jī)的(當(dāng)然也包括用數(shù)字相機(jī)),通常這種圖像都是一些人物照片,風(fēng)景照片什么的,這種圖片中所用到的色彩比較多,就是說圖像中既有淺紅色,又有深紅色,還有綠色、藍(lán)色、黃色等等,這時候我們應(yīng)該選擇使用JPG格式來存儲圖像。如果圖形是由你自己使用Photoshop,Paint Shop Pro等軟件制作的,如標(biāo)題文字等,這時圖像中所使用的色彩通常會比較少,我們可以選擇GIF格式。要想知道圖像中到底使用到了多少種顏色,只要使用Paint Shop Pro軟件(筆者使用的是5.00版)中的“Color / Count Colors Used ”功能即可以得到準(zhǔn)確的答案。
2.在Paint Shop Pro軟件的Color下拉菜單中,還有一項“Decrease Color Depth”功能,它是用來減少圖像所用顏色數(shù)目的,你可以選擇其中的16 Colors,即將圖片所使用的色彩數(shù)量減到16種顏色。當(dāng)顏色數(shù)目減少后,如果你認(rèn)為圖像質(zhì)量變化不大,那么就選用GIF格式。要知道,JPG格式對待彩色圖像可是一律使用16M色呦。
3.如果你認(rèn)為色彩數(shù)量減少后圖像的視覺效果明顯變差,讓你不能忍受,那么我們就采用JPG壓縮格式。無論是使用什么樣的圖形處理軟件,它都會在你存盤時向你詢問JPG的壓縮比。當(dāng)然,壓縮得越狠,文件越小,但是圖像質(zhì)量也越差。通常,采樣50%到70%的壓縮率比較好(百分?jǐn)?shù)越大,文件越小),當(dāng)壓縮率從0%上升到50%時,文件大小會急劇下降,而圖像質(zhì)量卻變化不大,再加大壓縮率后,圖像會明顯變差,而文件的大小卻減少得十分有限,有時甚至只減少幾十個字節(jié)。不過有一點要告訴你,凡事都沒有絕對情況,你不妨在這時試著? 256色的格式將圖片存儲成GIF格式,與JPG格式的文件比一比哪個字節(jié)數(shù)更少,圖像質(zhì)量如何,最終才決定使用什么圖像格式。
前面幾乎將圖像減肥的方法都說出來了,也就是說圖像的字節(jié)數(shù)已經(jīng)是無法再減少了。但是,我們可以想辦法在圖像文件大小一定的情況下,讓瀏覽者可以耐心等待圖像全部出來。其方法是采用隔行GIF和逐級JPG方式。隔行GIF是指圖像文件是按照隔行的方式來顯示的,比如先出奇數(shù)行,再出偶數(shù)行,造成圖像是逐漸變清楚的。將圖像文件保存成隔行GIF格式的方法是,在Photoshop中進(jìn)行保存時,選擇“Interlaced”(不要選擇“Normal”),在Paint Shop Pro中進(jìn)行保存時,點擊“Option…”按鈕,選擇“Interlaced”(不要選擇“Non Interlaced”)。逐級JPG文件可以讓圖像先以比較模糊的形式顯示,隨著圖像文件數(shù)據(jù)不斷從網(wǎng)上傳過來,圖像會逐漸變清晰。這樣做的好處是圖像可以盡快地顯示出來,雖然圖像不很完美,但是卻讓瀏覽者看到了希望,并且圖像在不斷地變好。將圖像文件保存成逐級JPG格式的方法是,在Photoshop中進(jìn)行保存時,選擇“Progressive”,在Paint Shop Pro中進(jìn)行保存時,點擊“Option…”按鈕,選擇“Progressive encoding”。
5.還有一種讓瀏覽者可以耐心等待圖像顯示出來的辦法,那就是使用預(yù)覽圖像。即在顯示原圖之前,先顯示一幅字節(jié)數(shù)比較小,畫面質(zhì)量相對較差的圖片。由瀏覽者決定是否瀏覽原圖。通常,預(yù)覽圖像都是主圖像的低分辨率、高壓縮率的版本。使用預(yù)覽圖像的方法是:<img src="temp.gif" lowsrc="preview.gif"$>,其中temp.gif是原圖,而preview.gif是預(yù)覽圖。
6.在可以達(dá)到預(yù)期目的的情況下,盡量把圖形尺寸做小,圖形尺寸越小,則字節(jié)數(shù)相應(yīng)就會越少。在制作圖像時,還要盡量將圖形四周無用的信息去掉,比如說你制作了一個非常漂亮的美術(shù)字的圖片,它的背景是黑色,而網(wǎng)頁的底色也是黑色,這時你就一定要讓美術(shù)字盡量充滿整個圖像,不要讓圖片中黑色的底色邊框過大,因為圖片的底色最終要與網(wǎng)頁的底色融為一體,在美術(shù)字大小一定的情況下,圖片做得越大,圖像文件大小的字節(jié)數(shù)就會越多,在網(wǎng)上傳輸起來就越費時間。還有就是在*.html文件中使用圖像時,可以添加WIDTH和HEIGHT屬性,它們分別代表圖像在頁面上顯示時的寬度和高度。需要說明的是,這個寬度和高度與圖像本身的尺寸無關(guān)。例如,你可以在*.html文件中這樣使用尺寸為88×31的圖像文件logo.gif。
選擇我們,優(yōu)質(zhì)服務(wù),不容錯過
1. 優(yōu)秀的網(wǎng)絡(luò)資源,強大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗,優(yōu)秀的技術(shù)和設(shè)計水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
------------------------------------------------------------
24小時聯(lián)系電話:021-58370032
關(guān)鍵詞標(biāo)簽:上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)