圖片搜索在百度及谷歌搜索引擎中越來(lái)越重要。圖片搜索有兩種方式：一種是輸入圖片相關(guān)文字，獲得相應圖片搜索結果，第二種是直接用圖片進(jìn)行比對搜索，如百度可以直接使用拍攝圖片作為搜索元素，淘寶和阿里站內搜索也有類(lèi)似圖片搜索功能。

圖片優(yōu)化的三個(gè)方面

圖片alt標簽：讓搜索引擎讀懂圖片，提升圖片關(guān)鍵詞在圖片搜索的排名

早期搜索引擎是無(wú)法識別圖片內容，alt標簽就是為了讓搜索引擎讀懂圖片，告知搜索引擎圖片關(guān)于什么內容。當網(wǎng)站圖片無(wú)法加載，alt文字就替換出現在圖片位置。

圖片title標簽：更好的用戶(hù)體驗

鼠標放在圖片上，有的時(shí)候圖片上會(huì )顯示文字，這就是title標簽。鼠標離開(kāi)圖片，提示文字就消失。

圖片命名：包含關(guān)鍵詞

圖片src 屬性中的圖片名稱(chēng)，命名關(guān)鍵詞相關(guān)，可以提升圖片的關(guān)鍵詞排名。圖片目錄層級也可以按照欄目關(guān)鍵詞名稱(chēng)方式來(lái)命名。

注意：無(wú)論是title還是alt標簽，不能惡意堆砌關(guān)鍵詞，一般調用圖片名稱(chēng)或者頁(yè)面一個(gè)關(guān)鍵詞即可。

圖片壓縮

圖片相對于文字，占據較大空間，同時(shí)也使得流量成本增加，同時(shí)大的圖片加載耗時(shí)長(cháng)，影響網(wǎng)站加載速度，影響用戶(hù)體驗。所以圖片壓縮是圖片優(yōu)化的關(guān)鍵環(huán)節。

圖片壓縮方法一：簡(jiǎn)單壓縮軟件

如Windows的畫(huà)圖功能，可以通過(guò)縮減像素和比例來(lái)減小圖片尺寸。另外網(wǎng)上本身有很多圖片壓縮軟件，百度搜索以下即可在線(xiàn)使用。

圖片壓縮方法二：圖片懶加載

圖片懶加載技術(shù)對于大型電商網(wǎng)站十分重要，如淘寶網(wǎng)和京東網(wǎng)站，首頁(yè)產(chǎn)品種類(lèi)繁多，就是采用了圖片懶加載，先展示首屏圖片，鼠標下滑時(shí)再展示其他屏的圖片。

圖片懶加載使用的前端技術(shù)思路：將頁(yè)面里所有img屬性src屬性用data-xx代替，當鼠標滑動(dòng)到該圖片出現時(shí)，用js取到該圖片的data-xx的值賦給src。

圖片壓縮方法三：?jiǎn)⒂?/span>Gzip壓縮

Gzip壓縮成本較低，可以達到網(wǎng)站80%以上的壓縮比例。

圖片壓縮方法四：CSS Sprites  

合并諸多小圖片到一張圖片。實(shí)際操作中這個(gè)較少用到，尤其是大型團隊合作，每次修改小圖片都比較麻煩。圖片壓縮值得一提的是谷歌的WebP格式圖片，可以在很大程度上壓縮圖片而不失真，但是目前只支持Chrome瀏覽器，對別的瀏覽器支持效果不佳。