眾所周知的網(wǎng)站圖片優(yōu)化無非是控制圖片大小和處理alt。但就這些嗎？這種理解方式是不是太膚淺了？來和大家分享一些干貨吧。

1.網(wǎng)站圖片優(yōu)化的目的

(1)減小網(wǎng)頁尺寸，提高加載速度。

(2)講解圖片，促進搜索引擎對圖片的識別。

2.在圖片中書寫alt

由于搜索引擎不能滿足圖像識別技術的要求，所以需要用文字來解釋圖像，讓搜索引擎識別圖像內容，增強搜索引擎對網(wǎng)站內容的識別和信任，從而獲得良好的展示。

Alt是解釋圖片的屬性標簽。我們需要在alt中寫相應的單詞來解釋圖片。例如alt="seo-seo圖片優(yōu)化-小六seo "。

那么alt怎么寫就成了圖片優(yōu)化的一個重點，因為圖片可能涉及拍攝角度和一些順序安排。Alt會出現(xiàn)“正面”、“側面”、“背面”、“圖片1”、“圖片2”等說明。

alt怎么寫？小六參考了一些站長的做法，用數(shù)據(jù)結構化寫作。可能你不是很懂。下面舉兩個例子。

例1:

Alt= "XXX網(wǎng)站-婚紗照-浪漫婚紗照-正面"

Alt= "XXX網(wǎng)站-婚紗照-浪漫婚紗照-簡介"

Alt= "XXX網(wǎng)站-婚紗照-浪漫婚紗照-背影"

例2:

Alt= "某某網(wǎng)站-零食練習-酸菜魚練習-第一步"

Alt= "某某網(wǎng)站-零食練習-酸菜魚練習-第二步"

Alt= "某某網(wǎng)站-零食練習-酸菜魚練習-第三步"

這種寫法是向搜索引擎解釋圖片分類和內容的好辦法，也有助于品牌展示，不要覺得沒用；百度圖片搜索也會有很多流量來源，圖片描述的品牌展示也是一種推廣獲取流量的方式。

小技巧1:當然記得不要在圖片里堆砌帶有alt的關鍵詞，明顯違反算法規(guī)則。

技巧二:不要讓每張圖片的alt描述都一樣，顯然不科學。不同的圖片自然表達不同的內容，所以要alt。即使是同一張圖，也盡量避免alt完全一致，避免疊字的嫌疑。

3.圖片格式和尺寸的選擇

(1)jpg是有損壓縮，會影響多次壓縮后的質量。

(2)png-24支持Alfa半透明，jpg和gif沒有。當然ie6不支持png-24。

(3)png-8最多只能支持256種顏色，與gif相同。

(4)gif和png-8只支持透明/不透明，即不支持半透明。

(5)jpg，gif，png都支持隔行模式，也就是多路徑下載，這樣在網(wǎng)速不流暢的時候，或者加載大圖的時候，會把模糊的圖像顯示到最清晰，這樣什么都看不到，可以增強用戶體驗，但是隔行模式會增加文件大小。

通常，大多數(shù)網(wǎng)站使用png和jpg格式的圖片。而png格式的圖片一般精度較高，圖片占用的空間更大空。在網(wǎng)站圖片要求不高的情況下可以盡量使用Jpg。即使壓縮后有些損失，也只需要不影響圖片的正常閱讀體驗即可。

當然，當圖片尺寸很小時，建議選擇png格式，以免圖片嚴重失真，影響閱讀體驗。

網(wǎng)站的加載速度是網(wǎng)站優(yōu)化的關鍵點，用戶長時間的等待肯定會讓他們反感，失去客戶?？s小圖片尺寸會大大加快網(wǎng)站的加載和運行速度。

4.大型圖和切割圖的優(yōu)化描述

一個網(wǎng)站一定要有一些大圖，尤其是橫幅圖。這里邊肖只能說應該盡量少用，圖片應該盡量壓縮不失真。不要出現(xiàn)那種幾米大的圖片，太影響加載速度了。

有人會說上傳的圖片雖然很大，但是用css限制是不夠的，顯示出來的圖片尺寸也不會很大。但是這并沒有改變圖片本身所占用的空之間的內存，所以用css改變圖片的大小只是優(yōu)化了網(wǎng)站的閱讀體驗，并沒有幫助加載速度的優(yōu)化。

大圖盡量保持在幾十kb，或者100 kb左右。過大的尺寸總是會影響裝載速度。

將一個大圖片切割成幾個小塊會加快圖片顯示速度，但是隨著服務器請求的增加，網(wǎng)頁加載速度還是會變慢。如果圖片太多，并且卷太大，您可以選擇在條件允許的情況下配置一個新的服務器來存儲圖片。

5.縮略圖的使用

網(wǎng)站縮略圖對于加快網(wǎng)頁加載速度有很大幫助。當然縮略圖在質量和清晰度上也不一定能過標準，只要不影響閱讀體驗，細節(jié)頁面上可以顯示清晰的圖片。體現(xiàn)在很多商場和車站。

是否要將alt添加到縮略圖？有人說可以加，有人說不需要加。如果我們想讓搜索引擎抓取索引中的頁面而不是縮略圖，我們不能添加它。如果這方面沒有需要，可以補充，讓大家自己選擇。

溫馨提示:按鈕圖片、背景圖片、相框、畫框等。網(wǎng)站的圖片屬于圖片優(yōu)化的范疇，所以記得要處理好。如果只是框架里面的東西，盡量用css代替，縮小圖片，縮小網(wǎng)頁尺寸，提高加載速度。會mip變換，也可以用mip變換。

這篇文章來自:www.rongzichaogu.com，請保留它。