所屬分類(lèi):網(wǎng)站建設(shè)新聞 / 發(fā)布時(shí)間:2017/08/24 / 來(lái)源:m.mymilespone.com / 點(diǎn)擊量:3985
無(wú)論是做網(wǎng)站,還是更新網(wǎng)站內(nèi)容,好多站長(zhǎng)都喜歡使用大量的圖片,目的是為了讓自己的網(wǎng)站看起來(lái)圖文并茂,更加美觀一些,從而吸引用戶停留在頁(yè)面的時(shí)間更長(zhǎng)一些。但是網(wǎng)站的圖片一旦多了,若是不采取任何的優(yōu)化措施,就會(huì)降低網(wǎng)站的訪問(wèn)速度。下面上海飛墨網(wǎng)站優(yōu)化人員整理出了網(wǎng)站制作時(shí)圖片優(yōu)化的一些原則:
1、網(wǎng)站制作開(kāi)始前要做好規(guī)劃,包括要用到哪些圖片、用多少圖片、什么圖片在哪里使用等。
2、如非必要展示全景,可以對(duì)圖片進(jìn)行裁剪,只保留與頁(yè)面內(nèi)容有關(guān)聯(lián)的部分。
3、同一篇文章需要上傳多張圖片的時(shí)候,要學(xué)會(huì)將它們或兩張、或四張的組合成一張圖片再上傳。
4、制作網(wǎng)站邊框、背景時(shí),能用CSS處理的就用,其次再考慮使用圖片。
5、相同條件下,png格式的圖片是最小的,網(wǎng)站上的圖片能不用jpg和gif格式的就要用了,優(yōu)先png。
6、一定要在html中寫(xiě)清楚圖片的大小。
7、在PS過(guò)程中,直接縮放圖片非常容易造成圖像清晰度下降,最好能用smart sharpen(智能銳化)進(jìn)行處理。
8、雖然png格式的圖片已經(jīng)是最小的了,但是當(dāng)把它們的顏色位數(shù)進(jìn)行最小化時(shí),圖片還會(huì)更小哦,本技巧對(duì)于gif格式圖片同樣適用。
9、依然要說(shuō)png和gif格式的圖片,把它們的dithering(抖動(dòng)顯示)最小化,會(huì)更小。
10、當(dāng)需要在圖片上添加文字的時(shí)候,一般的美工只是簡(jiǎn)單的將目標(biāo)文字嵌入到圖片中,而真正優(yōu)秀的美工會(huì)將圖片背景透明化或利用CSS定位,然后再令文字覆蓋在圖片上,看上去效果是一樣的,但是后者對(duì)圖片的壓縮程度是要大上許多的。
11、在壓縮png和gif格式圖片的時(shí)候,若是它們本身就比較小,就放心的進(jìn)行有損壓縮吧。
12、壓縮圖片還有一個(gè)小技巧,那就是事先進(jìn)行降噪處理,然后壓縮得到的圖片會(huì)更小。