網站圖片優化技巧

網站SEO之圖片優化技巧：
1.圖片描述
目前位置，還沒有哪一家搜索引擎可以“讀懂”圖片里的文本內容。所以，我們必須主動的“告訴”搜索引擎，圖片里表達的是什么內容。在實際的操作中，可以通過修改圖片名稱、設置ALT標簽及在圖片周邊增加相關的內容等方式實現。這樣，不但可以主動告訴搜索引擎圖片里所蘊含的信息，還可以有效提高相關關鍵字的詞頻及使得這些關鍵字的分布更加合理。

1.1 圖片名稱

在對圖片文件進行命名的時候，最好使用與圖片內容相關的關鍵字作為圖片的名稱。例如，如果是簡體中文網站，可以使用關鍵字的拼音形式進行命名；如果是繁體中文網站，可以使用關鍵字的中文形式進行命名；而如果是英文網站，則可以使用關鍵字的英文形式進行命名。

對于非實質內容的圖片（例如背景、按鈕等頁面裝飾性質的圖片），可以根據個人習慣而定，但切忌：千萬不要在為圖片命名時濫用關鍵字。

1.2 ALT屬性

在HTML語言中，我們常用alt屬性值對圖片所表達的內容進行說明。這樣，當圖片不能顯示的時候，就會自動用alt屬性值代替，用戶也就大概知道這個圖片所表達的內容了。

alt屬性是搜索引擎較為重視的HTML屬性之一。在設置alt屬性值的時候，應該以簡潔而有效的表達圖片內容為原則（而不是關鍵詞堆積），盡量利用好這一塊凈土。也就是說，我們只需要簡單地說明圖片里的是什么產品即可。

不管利用什么方式表土圖片里的內容，它始終代替不了文本表達的優勢。特備是頁面中相對中重要的內容，我們更要避免使用圖片去展示，特別是頁面中的主關鍵字、輔關鍵字、頻道或欄目名稱等。

1.3 周邊內容

圖片周邊內容是搜索引擎判斷圖片alt屬性值真實性的重要依據之一。如果圖片的alt屬性值與周邊內容不相關，則搜索引擎就會對alt屬性值產生懷疑，甚至否定。

文件名、alt屬性值及周邊內容就相當于圖片的“嘴巴”，當搜索引擎抓取圖片時，圖片就通過它們告訴搜索引擎圖片里的內容。在實際中，搜索引擎的圖片搜索結果排序主要也是由這幾大因素決定的。

2.圖片壓縮

圖片壓縮的主要目的是降低圖片的體積，加快頁面顯示的速度，不管對于搜索引擎還是普通用戶都是友好的。

2.1 圖片壓縮原理

圖像分辨率常用“位/像素”表示。一般情況下，高分辨率圖像每個像素由32位或者24位組成，而中分辨率圖片每個像素由16位或者8位組成。不管使用什么工具對圖片進行壓縮，其原理就是降低組成圖片每個元素的位數。所以，圖片壓縮對圖片質量的影響在所難免。但是，我們不能為了片面追求降低圖片體積，而忽略圖片自量。圖片優化的一個非常重要的原則就是：在保證圖片正常顯示的范圍內盡可能降低圖片的分辨率，從而降低圖片的體積。

2.2 圖片格式問題

在網頁中，常用的圖片格式有兩種：JPG及GIF。同樣的圖片，使用GIF格式或JPG格式進行保存，所產生的體積是不一樣的。在實際中，如果圖片的色彩比較復雜，那么使用JPG格式進行保存，可以節省更大的存儲空間。相反，如果圖片的色彩很單調（例如：只有少量的文本），那么使用GIF格式保存則可以節省更大的存儲空間。

在對JPG格式的圖片進行壓縮的時候，只需要降低圖片的質量（或者品質）即可。例如，把JPG格式的圖片質量（或者品質）調整到50~60時，顯示效果與體積大小都是標膠為合理的。而在對GIF文件進行壓縮的時候，則是通過調整圖片的顏色位數來實現的。一般情況下，我們把圖片調整至40~50時，顯示效果與體積大小都較為合理。

2.3 圖片切割

對于大尺寸的圖片，可以通過縮小圖片尺寸（即降低圖片的分辨率）的方法來降低圖片的體積。例如，在頁面中僅需要使用300*200的圖片，而源文件確實1024*768，那么就可以縮小這個圖片的尺寸，從而降低圖片體積。

在實際應用中，我們常常會使用Adobe ImageRerdy來對圖片的尺寸（或分辨率）進行調整：

（1）打開需要調整的圖片，點擊菜單欄中的“文件”→“打開”，選擇需要處理的圖片。

（2）然后，使用快捷鍵Ctrl+T（或者點擊“編輯”→“自由變換”）對圖片大小進行調整。

（3）在左邊（W）輸入寬度，則右邊的（H）高度會自動調整，使得圖片不會變形。

（4）將圖片保存