如何令首頁圖形迅速顯示（二）

網站建設是指使用標識語言（markup language)，通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡單來說，網頁設計的目的就是產生網站。簡單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。    前面幾乎將圖像減肥的方法都說出來了，也就是說圖像的字節數已經是無法再減少了。但是，我們可以想辦法在圖像文件大小一定的情況下，讓瀏覽者可以耐心等待圖像全部出來。其方法是采用隔行GIF和逐級JPG方式。隔行GIF是指圖像文件是按照隔行的方式來顯示的，比如先出奇數行，再出偶數行，造成圖像是逐漸變清楚的。將圖像文件保存成隔行GIF格式的方法是，在Photoshop中進行保存時，選擇“Interlaced”（不要選擇“Normal”），在Paint Shop Pro中進行保存時，點擊“Option…”按鈕，選擇“Interlaced”（不要選擇“Non Interlaced”）。逐級JPG文件可以讓圖像先以比較模糊的形式顯示，隨著圖像文件數據不斷從網上傳過來，圖像會逐漸變清晰。這樣做的好處是圖像可以盡快地顯示出來，雖然圖像不很完美，但是卻讓瀏覽者看到了希望，并且圖像在不斷地變好。將圖像文件保存成逐級JPG格式的方法是，在Photoshop中進行保存時，選擇“Progressive”，在Paint Shop Pro中進行保存時，點擊“Option…”按鈕，選擇“Progressive encoding”。 　　

　　 5.還有一種讓瀏覽者可以耐心等待圖像顯示出來的辦法，那就是使用預覽圖像。即在顯示原圖之前，先顯示一幅字節數比較小，畫面質量相對較差的圖片。由瀏覽者決定是否瀏覽原圖。通常，預覽圖像都是主圖像的低分辨率、高壓縮率的版本。使用預覽圖像的方法是：＜img src="http://www.okasp.com/techinfo/temp.gif" lowsrc="preview.gif"$＞，其中http://www.okasp.com/techinfo/temp.gif是原圖，而preview.gif是預覽圖。 　　

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