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