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

申請免費試用、咨詢電話：400-8352-114

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

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

一般情況下圖片格式的選擇遵循以下幾點：

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

因為人眼的結(jié)構(gòu)很適合查看JPG壓縮后的照片，可以充分的忽略并在腦中補齊細節(jié)，JPG在壓縮率不高時保留的細節(jié)還是不錯的。

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

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

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

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

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

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

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

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

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

第三：正確使用ALT屬性標簽

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

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

1、與頁面主體相符合。

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

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

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

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

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

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

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

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

第六：正確使用文本說明

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

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

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

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

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

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

相關(guān)欄目：