做網(wǎng)站圖片優(yōu)化時(shí)需要注意的一些技巧

第一：要注意網(wǎng)站中圖片的格式選擇

如果效果真的需要圖片來(lái)表現(xiàn)，那么選擇圖片格式是優(yōu)化的第一步。我們經(jīng)常聽到的詞語(yǔ)包括矢量圖、標(biāo)量圖、SVG、有損壓縮、無(wú)損壓縮等等，我們首先說明各種圖片格式的特點(diǎn)：

一般情況下圖片格式的選擇遵循以下幾點(diǎn)：

1、顏色豐富的照片，JPG是通用的選擇

因?yàn)槿搜鄣慕Y(jié)構(gòu)很適合查看JPG壓縮后的照片，可以充分的忽略并在腦中補(bǔ)齊細(xì)節(jié)，JPG在壓縮率不高時(shí)保留的細(xì)節(jié)還是不錯(cuò)的。

2、如果需要清晰的顯示顏色豐富的圖片，PNG比較好

PNG-8能夠顯示256種顏色，但能夠同時(shí)支持256階透明，因此顏色數(shù)較少但需要半透明的情景（如微信動(dòng)畫大表情）可以考慮PNG-8

PNG-24可以顯示真彩色，但不支持透明，顏色豐富的圖片推薦使用（如屏幕截圖、界面設(shè)計(jì)圖）

PNG-32可以顯示真彩色，同時(shí)支持256階透明，效果最好但尺寸也最大

3、如果需要較通用的動(dòng)畫，GIF是唯一可用的選擇

GIF支持的顏色范圍為256色，而且僅支持完全透明/完全不透明

GIF在顯示顏色豐富的動(dòng)畫時(shí)可能出現(xiàn)顏色不全、邊緣鋸齒等問題

第二：做好網(wǎng)站圖片命名

關(guān)于圖片命名我們可以采用與其內(nèi)容相關(guān)的命名方法，就好比一張圖片是電腦圖片，那么我們就可以命名為computer.jpg。而對(duì)于一些中文站點(diǎn)來(lái)說的話，也可以用中文的拼音來(lái)命名。

第三：正確使用ALT屬性標(biāo)簽

在搜索引擎看來(lái)，你為圖片所特別加入的這個(gè)ALT屬性標(biāo)簽，就是對(duì)于這張圖片內(nèi)容的詮釋。而搜索引擎也正是通過ALT屬性標(biāo)簽來(lái)確定你這幅圖片所講的到底是什么，因此對(duì)于網(wǎng)站圖片優(yōu)化來(lái)講ALT屬性標(biāo)簽可以說是重中之重。

那么ALT屬性標(biāo)簽添加的時(shí)候我們需要注意些什么呢，才能做到圖片優(yōu)化的最佳效果呢?

1、與頁(yè)面主體相符合。

2、盡量使用頁(yè)面所布局的關(guān)鍵詞。

3、不宜過長(zhǎng)，建議在20個(gè)漢字以內(nèi)

第四：做好網(wǎng)站圖片尺寸的選擇

合理選擇圖片尺寸大小可以有效的減少加載圖片的時(shí)間，從而提升整個(gè)網(wǎng)站的訪問速度，這樣做會(huì)大大提升客戶的體驗(yàn)度。更利于搜索引擎對(duì)你的站點(diǎn)的抓取。

第五：做好JPG和PNG格式圖片優(yōu)化

選擇了正確的圖片格式，按照正確的大小生成了圖片后，我們還需要對(duì)圖片進(jìn)行進(jìn)一步優(yōu)化，這種優(yōu)化一般分兩步進(jìn)行：

1、有損優(yōu)化，刪除沒有出現(xiàn)或極少出現(xiàn)過的顏色，合并相鄰的相近顏色。這一步并不必須，如PNG格式就直接進(jìn)入下一步

2、無(wú)損優(yōu)化，壓縮數(shù)據(jù)，刪除不必要的信息

第六：正確使用文本說明

在圖片已經(jīng)添加上了ALT屬性標(biāo)簽以后，我們是不是就已經(jīng)好了呢?其實(shí)不然，這僅僅只是完成了第一步的環(huán)節(jié)罷了，除了ALT屬性標(biāo)簽之外我們還應(yīng)該要對(duì)圖片添加一定的文本說明，只有這樣才能讓搜索引擎更好的去了解這張圖片到底是在講些什么，只有這樣才能在圖片排序的過程中優(yōu)先選用你的圖片。

而在發(fā)布文本說明的時(shí)候，大家可以盡量注意以下幾個(gè)方面：

1、一般情況下建議大家在圖片的正上方，或者正下方添加包含頁(yè)面關(guān)鍵詞的描述性語(yǔ)句。

2、頁(yè)面設(shè)計(jì)時(shí)可以對(duì)圖片冠以特殊的heading標(biāo)簽，以使得搜索引擎更好的識(shí)別圖片的重要程度。

3、不要把想給用戶看的內(nèi)容都寫到圖片里面去，因?yàn)閳D片當(dāng)中所包含的內(nèi)容是搜索引擎無(wú)法識(shí)別的。

發(fā)布：2007-03-31 10:14 編輯：泛普軟件 · xiaona [打印此頁(yè)] [關(guān)閉]

相關(guān)欄目：