研究表明，如果電子商務網站的加載速度低于預期，會有超過45%的訪問者放棄購買。而圖片是否進行過優化，決定了網站打開速度的快慢，這里我們介紹了8種圖像優化技巧，來幫助提升你網站的用戶體驗。
1、使用簡潔直接的圖像名稱
創建描述性的、關鍵字豐富的文件名，對于圖像優化來說至關重要，因為搜索引擎不僅會抓取你網頁上的文本，還會抓取你的圖片文件名。
在給圖片命名時，除了讓名稱準確描述圖片內容外，還要考慮消費者的搜索習慣，他們如果想找到這個產品的話，會使用哪些常用詞進行搜索？
2、設置合理的alt屬性
當瀏覽器無法正確呈現圖像時，Alt屬性將發揮作用，它將用已設置好的文本內容來替代空缺的圖片。并且Alt屬性還為網站SEO增加了價值，有助于搜索排名的提高。
填寫Alt屬性時，應該遵循這些原則：
①用簡單的語言來描述圖像，就如同給圖像文件命名那樣。
②將商品型號或序列號添加到Alt屬性中。
③不要在Alt屬性中堆砌關鍵字。
④不要對無實質意義的圖像添加Alt屬性（如裝飾元素圖）。
3、多角度展示商品
多個角度展示的商品圖，往往能提高消費者需求點的命中率。但不要將這些多角度的圖片都設置為大圖，因為它將增加頁面的加載時間。但你可以為這些小圖都設置一個鏈接或彈出窗口，用以展示對應的大圖。
4、優化圖像大小
亞馬遜發現，如果它的頁面加載速度慢下一秒，就會損失16億美元。谷歌也將頁面加載時間作為排名因素。
減小圖像文件大小的常用方法是，使用Photoshop中的“另存為Web”的命令，然后調整參數，以將圖片盡可能壓縮。當然，在調整大小時，注意保持圖像質量。
參數設置包括，降低右上角的圖片品質，設置文件格式為JPEG，勾選“優化”，勾選“轉化為sRGB”，在右下角降低圖像大小百分比，最后查看左下角的文件大小是否達到預期（如，商品圖一般為100k以內）。
5、選擇正確的圖像格式
常見的圖像格式有JPEG、GIF和PNG。這其中，JPEG在有限的大小下，可以展示最清晰的圖像；GIF可以提供動態變化的圖像；而PNG可以呈現出最高質量的圖片，不過高質量的圖像也對應了較大的內存占用。
所以，多數賣家會選擇JPEG（或.jpg）格式的圖像作為其商品圖，因為它可以用最小的文件大小，呈現出最佳質量的圖片。
當你使用PNG格式的圖像時，還要注意使用PNG-8，而非PNG-24，因為對于同樣質量的圖像來說，后者的文件大小是前者的三倍之多。
6、優化縮略圖
對于產品豐富的網站頁面，往往會使用到很多縮略圖，以減小整個頁面的內存大小。而我們要做的優化主要涉及到兩個方面，一個是盡可能壓縮圖像大小，另一個是設置合理的Alt屬性，來增加同一產品中對應不同圖片之間的區分度。
7、使用圖片站點地圖
網絡爬蟲無法爬取網頁源代碼中沒有特殊標注的圖片，所以，為了讓爬蟲識別你的圖像，你需要在圖像中站點中列出他們的位置。你可以通過2Cshop的后臺，將站點地圖上傳到網站，也可以使用SearchConsole將站點地圖提交給Google。這些都有助于Google抓取你的網站圖片，優化網頁質量和排名。
8、優化裝飾圖像
網站除了必要的產品圖和Logo外，還有一些裝飾元素圖。這些圖片如果占用內存過大，也會使網頁加載速度變慢。那么如何對它們進行優化呢？
①將構成邊框的簡單圖案設置為PNG-8格式。
②盡可能多地使用CSS樣式代碼來代替背景或裝飾圖。
③查看所有背景圖片，在不破壞質量的前提下盡可能壓縮它們。
圖像是整個頁面文件的最大貢獻者，據統計，未優化的圖像平均占據網站總大小的75%，這使得頁面加載很緩慢。并且，如果頁面速度延遲2秒，跳出率就會提高103%。了解到這些，你現在就可以根據這8個技巧，去逐一排查并優化網站圖片了。
