2016-11-12 分類: 網(wǎng)站設(shè)計(jì)
現(xiàn)在網(wǎng)站設(shè)計(jì)是利用大量圖片,如何優(yōu)化這些圖像,以提高網(wǎng)站的速度?下面是創(chuàng)新互聯(lián)整理出來(lái)15個(gè)網(wǎng)站設(shè)計(jì)優(yōu)化原則。
1.在網(wǎng)站設(shè)計(jì)之初,先做規(guī)劃,如背景如何使用等等,知道大概情況。
2.編輯圖像,做切割,僅顯示必要的,重要的,與內(nèi)容相關(guān)的部分。
3.在輸出圖像,圖像的大小應(yīng)正確設(shè)置,長(zhǎng)度和寬度的像素設(shè)置為您所需的大小,而不是輸出大圖片,然后指定一個(gè)較小的長(zhǎng)度和寬度,縮小圖片。
4.盡量結(jié)合的裝飾圖片,以便保存請(qǐng)求的數(shù)量,具體使用方法,使用CSS sprite。
5.網(wǎng)頁(yè)的邊框,背景,盡可能采用的css方式顯示,并且不使用圖片。
6.使用的png格式,在質(zhì)量的情況下,以較小的文件。
7.在html指定大小的圖片。
8.如果你使用PS圖象處理軟件,縮放圖片通常會(huì)使圖像模糊,你可以使用智能銳化使畫面更加突出。
9.圖片和文件格式,盡量減少顏色數(shù)量,可以使文件更小。
10的圖片和圖標(biāo)文件,盡量減少抖動(dòng),可以使文件更小。
11.如果圖片添加文本,如果可能的話,不要把話到圖片,但使用透明的背景,或定位允許寫入所涵蓋的圖片,不僅獲得相同的效果,但也把畫有更大程度的壓縮。
12.小點(diǎn)的png和gif圖片,可以使用有損壓縮。
13.利用局部壓縮,圖片清楚的基礎(chǔ)上,更大程度的壓縮背景。
14.一張圖片在優(yōu)化之前,可以獲得超過(guò)20%個(gè)額外的壓縮。
15.圖像可以是模糊的背景,可壓縮。
網(wǎng)頁(yè)標(biāo)題:網(wǎng)站設(shè)計(jì)中15個(gè)圖片優(yōu)化技巧
文章來(lái)源:http://www.rwnh.cn/news/66177.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容