圖片優化(huà)在網頁設計(jì)中的(de)重要意義 |
大家(jiā)都(草行dōu)知道(dào),圖片對(duì)于文(鐘藍wén)字而言,具有(yǒu)更直觀、更醒目的(de)效果歌山,所以:網頁中的(de)圖片應用好(hǎo)壞,能直接影響用戶對得了(duì)網站的(de)評價效果。很(hěn)習那多美(měi)工(gōng)在設計(jì)網頁時(shí)由于不重視(shì)圖片的(d歌動e)加載方式,緻使網頁常常加載過慢(màn),甚至整個(gè)頁面經常出現(x坐銀iàn)不協調的(de)現(xiàn)象。那(nà)麽,銀數在圖片設計(jì)中應如何提高(gāo)用戶體(tǐ)驗秒自,避免網頁加載延遲現(xiàn)象的(de)發生(shēng),都個經過嚴密的(de)分析,常州網絡公司雙喜網絡科(kē)技(jì)總結了以下(xià)幾點。
一、背景圖片及小(xiǎo)圖标都(dōu)用gif格路作式
我們在打開(kāi)網頁的(de)同時數吃(shí),圖片便會以Internet臨時(shí)文(wén)件(jiàn)可家形式自(zì)動下(xià)載到本機(jī),方便我們查看(書信kàn)。但(dàn)是如果圖片文(wén)件(jiàn)太大,或者南讀圖片數量太多,網頁加載時(shí)間(jiān人呢)就會延長(cháng),從(cóng)而影響網頁的(de)打開(kāi)速度。gi離國f圖片具有(yǒu)體(tǐ)積小(xiǎo)且成像相(xiàng)對(duì)清晰等特點對短,隻要圖像不多于256色,則可既減少文(wén)件(jiàn)的(de)大小(xiǎo),們冷又(yòu)能保持成像的(de)質量。當然,由于256色位圖的(de)限制,gif普遍适用于車空圖表、按鈕、背景圖片以及小(xiǎo)圖标。
二、多張相(xiàng)似的(de)圖片應該分組做成一張工都gif圖
很(hěn)多初學者或者對(duì)網頁海睡布局不熟悉的(de)人(rén),往往會認為(wèi)網頁上(shàn化師g)的(de)圖片每一張都(dōu)是獨立的(de),所以在網頁設計(藍工jì)時(shí),會把每張圖片都(dōu)切出來(lái)。用不同的(de)圖片去(qù)填充網有制頁的(de)方法雖然簡單,但(dàn)是一旦網頁上(shàng)圖片數樂紅量過多,就會增加客戶端的(de)請求響應次數,損耗服務器(qì門低)資源。其實最正确的(de)方法是應該将多張相(xi木花àng)似的(de)圖片分組做成一張gif圖,然後西開通(tōng)過CSS樣式控制,一次性加載到網頁上(shàng)顯示出來(lái),将多視喝張圖片組合成一張圖片的(de)實現(xiàn)方法。
返回:鹽城(chéng)騰飛(fēi)網絡>>首頁 |