首先是圖片的裁切, 裁切時(shí)應(yīng)盡量沿所需圖像邊緣裁切, 避免不必要區(qū)域占用文件大小。如果在頁面中有一張過大的圖片, 也可以先把它裁成小塊, 然后再使用Table語法所提供的Border = 0、Cellspacing = 0、Cellpadding = 0 的無縫功能, 將它們組合起來, 這樣也會(huì)提高圖片的加載速度。再者就是圖片的輸出, 一般情況下, 色彩少的圖片使用GIF或者PNG格式, 色彩豐富的的圖片使用JPG格式。如果是一些攝影網(wǎng)站, 圖片要求都是高清圖片, 那就可以用JPG格式做小圖預(yù)覽, 然后鏈接到TIF格式 ( 無損) 的原圖, 這對(duì)沒興趣看這張大圖片的瀏覽者而言, 不但可快速下載該網(wǎng)頁, 而且也是一種體貼的選擇。還有些圖片, 因?yàn)橐诓煌谋尘爸惺褂? 需要輸出為透明的效果, 這時(shí), 就可以選用GIF格式, 因?yàn)閷?duì)于GIF圖像來說, 色彩越少, 文件就越小。
所以說在看起來可以接受的范圍內(nèi), 盡可能地將色彩數(shù)量減少, 就能夠?qū)IF圖像進(jìn)行不錯(cuò)的優(yōu)化。而且對(duì)于網(wǎng)頁中所采用的圖檔, 通常會(huì)加入Width、Height這兩個(gè)屬性, 這樣就可以在加載網(wǎng)頁的過程中為圖像預(yù)留空間, 在加載圖片時(shí), 用戶就可以先瀏覽其他已加載項(xiàng)目。如果沒有這些屬性, 瀏覽器就不能了解圖像的大小, 也就不能為圖像預(yù)留下合適的空間, 這可能會(huì)給網(wǎng)頁中其他元素的顯示帶來很大的延遲, 從而影響用戶的閱讀。
本文地址:http://murenxiang.com.cn//article/32335.html