眾所周知的網(wǎng)站圖片優(yōu)化無非就是對(duì)圖片大小的控制和alt的處理。但僅僅只是這樣嗎？這樣的理解方式是不是顯得太粗淺了呢。下面巨推傳媒的小李分享一些干貨給大家。
1、 網(wǎng)站圖片優(yōu)化目的
（1）減少網(wǎng)頁體積，提高加快加載速度。
（2）做圖片說明，促進(jìn)搜索引擎對(duì)圖片的識(shí)別。
2、圖片alt的書寫
由于搜索引擎對(duì)于圖片的識(shí)別技術(shù)還達(dá)不到要求，所以需要用文字對(duì)圖片進(jìn)行說明，讓搜索引擎識(shí)別圖片內(nèi)容，增強(qiáng)搜索引擎對(duì)網(wǎng)站的內(nèi)容識(shí)別和信任，從而獲得良好的展現(xiàn)。
而alt正是對(duì)圖片做說明的屬性標(biāo)簽。我們需要在alt中寫出相應(yīng)文字對(duì)圖片進(jìn)行說明。如：alt="seo-seo圖片優(yōu)化-小李"。
那么alt如何書寫就成了圖片優(yōu)化的一個(gè)重點(diǎn)了，由于圖片可能會(huì)涉及到拍攝角度以及一些順序排列。alt就會(huì)出現(xiàn)“正面”“側(cè)面”“背面”“圖片1”“圖片2”等說明。
如何書寫alt呢？巨推傳媒的小李參考了一些站長的做法，用數(shù)據(jù)結(jié)構(gòu)化來書寫?？赡艽蠹也皇呛芏?，下面舉2個(gè)例子。
例1：
alt="某某網(wǎng)站-婚紗照-浪漫婚紗照-正面"
alt="某某網(wǎng)站-婚紗照-浪漫婚紗照-側(cè)面"
alt="某某網(wǎng)站-婚紗照-浪漫婚紗照-背部"
例2：
alt="某某網(wǎng)站-小吃做法-酸菜魚做法-步驟一"
alt="某某網(wǎng)站-小吃做法-酸菜魚做法-步驟二"
alt="某某網(wǎng)站-小吃做法-酸菜魚做法-步驟三"
這樣的寫法，就很好的向搜索引擎詮釋了該圖片的分類及內(nèi)容，還有助于品牌展現(xiàn)，不要認(rèn)為沒有用；在百度圖片搜索中也會(huì)有不少流量來源，圖片描述的品牌展現(xiàn)，又是一種推廣和獲取流量的方式。
提示1：當(dāng)然切記不要用圖片alt去堆砌關(guān)鍵詞，這種做法顯然違背了算法規(guī)則了。
提示2：不要每張圖片的alt說明都是一樣的，這顯然是不科學(xué)的，不同的圖片，自然表示的內(nèi)容不同，alt也應(yīng)該不同。就算是同一張圖片，也盡量避免alt完全一致，避免堆詞嫌疑。
3、圖片格式及大小選擇
（1）jpg是有損壓縮，多次壓縮后會(huì)影響質(zhì)量的。
（2）png-24支持阿爾發(fā)半透明，這是jpg和gif不具備的,當(dāng)然ie6不支持png-24。
（3）png-8較高也只支持到256色和gif一樣。
（4）gif和png-8只支持透明/不透明，即不支持半透明。
（5）jpg、gif、png都支持交錯(cuò)模式，即多路徑下載，這樣當(dāng)網(wǎng)速不流暢，或加載大圖時(shí)，會(huì)先顯示模糊的圖像，直到最清晰，不會(huì)什么都看不到，能加強(qiáng)用戶體驗(yàn)，但交錯(cuò)模式會(huì)增加文件體積。
通常情況下，網(wǎng)站中多數(shù)使用的是png和jpg格式的圖片。但是png格式的圖片一般精度較高，圖片所占空間就比較大。在網(wǎng)站圖片要求不高時(shí)可盡量選用jpg，壓縮后就算有點(diǎn)損失，只要不影響圖片正常閱讀體驗(yàn)就行了。
當(dāng)然在圖片尺寸非常小的情況下建議選擇png格式，避免圖片失真嚴(yán)重，影響閱讀體驗(yàn)。
網(wǎng)站的加載速度是網(wǎng)站優(yōu)化的重點(diǎn)，用戶等待時(shí)間過長必定會(huì)使其厭惡從而損失客戶。降低圖片體積，將大大加快網(wǎng)站的加載運(yùn)行速度。
4、大圖與切圖優(yōu)化說明
一個(gè)網(wǎng)站必不可少的有一些大圖，特別是網(wǎng)站banner圖。這里小編只能說盡量少用，在不失真的情況下，盡量將圖片壓縮。那種幾M大的圖片千萬不要出現(xiàn)，太影響加載速度了。
有的人會(huì)說雖然上傳的圖片很大，但是用css限制一下不就行了，顯示出來的圖片規(guī)格也不會(huì)很大。但是這并不能改變圖片本身所占空間的內(nèi)存，所以用css改變圖片大小只是優(yōu)化了網(wǎng)站閱讀體驗(yàn)，對(duì)于加載速度的優(yōu)化沒有任何幫助。
一張大圖盡量保持在幾十kb，或者100來kb也就差不多了，過大的體積，總會(huì)影響加載速度。
將一張大圖切圖成幾個(gè)小塊，雖然會(huì)加快圖片顯示，但同時(shí)服務(wù)器請(qǐng)求增加，網(wǎng)頁加載速度還是會(huì)變慢。圖片過多，體積過大的，在有條件時(shí)可選擇配置新的服務(wù)器用于存放圖片。
5、縮略圖的使用
網(wǎng)站的縮略圖對(duì)網(wǎng)頁加載速度提升有很大幫助，當(dāng)然縮略圖可能質(zhì)量與清晰度不太過關(guān)，只要不影響閱讀體驗(yàn)就行，在詳情頁將清晰的圖片顯示出來即可。在很多商城站中體現(xiàn)的比較多。
縮略圖給不給加alt呢？有人說可以加，有人說不用加，如果我們想要搜索引擎抓取索引內(nèi)頁圖片而不是縮略圖的話，就可以不加。如沒這方面的需求則可以加上，看大家自己選擇。
小貼士：網(wǎng)站的按鈕圖片，背景圖片，相框，圖片邊框等都屬于圖片優(yōu)化范疇，記得要處理好。如僅是邊框之內(nèi)的東西，盡量用css代替，縮減圖片，減少網(wǎng)頁體積，提高加載速度。會(huì)mip改造的，也可使用mip改造。
