資訊動(dòng)態(tài)
網(wǎng)頁(yè)圖形的優(yōu)化和應(yīng)用
發(fā)布：2022-07-31 12:58:09 瀏覽：3870
網(wǎng)頁(yè)圖形的優(yōu)化和應(yīng)用。對(duì)于一個(gè)網(wǎng)站來(lái)說(shuō), 網(wǎng)頁(yè)的下載速度是非常重要的, 但是影響網(wǎng)頁(yè)的下載速度的因素除了網(wǎng)速以外, 網(wǎng)頁(yè)中所包含的圖像圖形對(duì)網(wǎng)頁(yè)的下載速度也有很大的影響。因此, 對(duì)網(wǎng)頁(yè)圖形進(jìn)行優(yōu)化, 使網(wǎng)頁(yè)能夠快速下載是網(wǎng)站設(shè)計(jì)制作中考慮的首要問(wèn)題。所以, 接下來(lái)就來(lái)探討一下圖片優(yōu)化的基本方法。
首先是圖片的裁切, 裁切時(shí)應(yīng)盡量沿所需圖像邊緣裁切, 避免不必要區(qū)域占用文件大小。如果在頁(yè)面中有一張過(guò)大的圖片, 也可以先把它裁成小塊, 然后再使用Table語(yǔ)法所提供的Border = 0、Cellspacing = 0、Cellpadding = 0 的無(wú)縫功能, 將它們組合起來(lái), 這樣也會(huì)提高圖片的加載速度。再者就是圖片的輸出, 一般情況下, 色彩少的圖片使用GIF或者PNG格式, 色彩豐富的的圖片使用JPG格式。如果是一些攝影網(wǎng)站, 圖片要求都是高清圖片, 那就可以用JPG格式做小圖預(yù)覽, 然后鏈接到TIF格式 ( 無(wú)損) 的原圖, 這對(duì)沒(méi)興趣看這張大圖片的瀏覽者而言, 不但可快速下載該網(wǎng)頁(yè), 而且也是一種體貼的選擇。還有些圖片, 因?yàn)橐诓煌谋尘爸惺褂? 需要輸出為透明的效果, 這時(shí), 就可以選用GIF格式, 因?yàn)閷?duì)于GIF圖像來(lái)說(shuō), 色彩越少, 文件就越小。
所以說(shuō)在看起來(lái)可以接受的范圍內(nèi), 盡可能地將色彩數(shù)量減少, 就能夠?qū)IF圖像進(jìn)行不錯(cuò)的優(yōu)化。而且對(duì)于網(wǎng)頁(yè)中所采用的圖檔, 通常會(huì)加入Width、Height這兩個(gè)屬性, 這樣就可以在加載網(wǎng)頁(yè)的過(guò)程中為圖像預(yù)留空間, 在加載圖片時(shí), 用戶就可以先瀏覽其他已加載項(xiàng)目。如果沒(méi)有這些屬性, 瀏覽器就不能了解圖像的大小, 也就不能為圖像預(yù)留下合適的空間, 這可能會(huì)給網(wǎng)頁(yè)中其他元素的顯示帶來(lái)很大的延遲, 從而影響用戶的閱讀。
>>> 查看《網(wǎng)頁(yè)圖形的優(yōu)化和應(yīng)用》更多相關(guān)資訊 <<<
本文地址：http://www.modelkey.org/news/html/30908.html
上一個(gè)：提升網(wǎng)站色彩運(yùn)用能力
下一個(gè)：網(wǎng)站色彩搭配和界面整潔
