| 網(wǎng)站建設(shè)是指使用標(biāo)識(shí)語言(markup language),通過一系列設(shè)計(jì)、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網(wǎng)頁設(shè)計(jì)的目的就是產(chǎn)生網(wǎng)站。簡單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標(biāo)示語言、可擴(kuò)展超文本標(biāo)記語言等標(biāo)示語言放置到網(wǎng)站頁面上。 前面幾乎將圖像減肥的方法都說出來了,也就是說圖像的字節(jié)數(shù)已經(jīng)是無法再減少了。但是,我們可以想辦法在圖像文件大小一定的情況下,讓瀏覽者可以耐心等待圖像全部出來。其方法是采用隔行GIF和逐級(jí)JPG方式。隔行GIF是指圖像文件是按照隔行的方式來顯示的,比如先出奇數(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)上傳過來,圖像會(huì)逐漸變清晰。這樣做的好處是圖像可以盡快地顯示出來,雖然圖像不很完美,但是卻讓瀏覽者看到了希望,并且圖像在不斷地變好。將圖像文件保存成逐級(jí)JPG格式的方法是,在Photoshop中進(jìn)行保存時(shí),選擇“Progressive”,在Paint Shop Pro中進(jìn)行保存時(shí),點(diǎn)擊“Option…”按鈕,選擇“Progressive encoding”。 5.還有一種讓瀏覽者可以耐心等待圖像顯示出來的辦法,那就是使用預(yù)覽圖像。即在顯示原圖之前,先顯示一幅字節(jié)數(shù)比較小,畫面質(zhì)量相對(duì)較差的圖片。由瀏覽者決定是否瀏覽原圖。通常,預(yù)覽圖像都是主圖像的低分辨率、高壓縮率的版本。使用預(yù)覽圖像的方法是:<img src="http://www.okasp.com/techinfo/temp.gif" lowsrc="preview.gif"$>,其中http://www.okasp.com/techinfo/temp.gif是原圖,而preview.gif是預(yù)覽圖。 6.在可以達(dá)到預(yù)期目的的情況下,盡量把圖形尺寸做小,圖形尺寸越小,則字節(jié)數(shù)相應(yīng)就會(huì)越少。在制作圖像時(shí),還要盡量將圖形四周無用的信息去掉,比如說你制作了一個(gè)非常漂亮的美術(shù)字的圖片,它的背景是黑色,而網(wǎng)頁的底色也是黑色,這時(shí)你就一定要讓美術(shù)字盡量充滿整個(gè)圖像,不要讓圖片中黑色的底色邊框過大,因?yàn)閳D片的底色最終要與網(wǎng)頁的底色融為一體,在美術(shù)字大小一定的情況下,圖片做得越大,圖像文件大小的字節(jié)數(shù)就會(huì)越多,在網(wǎng)上傳輸起來就越費(fèi)時(shí)間。還有就是在*.html文件中使用圖像時(shí),可以添加WIDTH和HEIGHT屬性,它們分別代表圖像在頁面上顯示時(shí)的寬度和高度。需要說明的是,這個(gè)寬度和高度與圖像本身的尺寸無關(guān)。例如,你可以在*.html文件中這樣使用尺寸為88×31的圖像文件logo.gif。 大多數(shù)人在上網(wǎng)的時(shí)候,都會(huì)瀏覽網(wǎng)頁提供給我們的信息。 |
溫馨提示:喜歡本站的話,請(qǐng)收藏一下本站!