通過會話次數(shù)和頁面瀏覽量的兩個指標，我們可以判斷自己的品類是是移動應用數(shù)據(jù)占比多少，然后來改變自己的運營方向。
?
于是有賣家朋友留言，希望寫寫關于快速加載圖片的文章：
OK， 安排！這就來了！
?
上篇文章有提到，如果你的移動端的頁面瀏覽和會話次數(shù)都占比70%以上，那么你就應該要把頁面優(yōu)化重點放在移動端，而不是桌面端。
?
而移動設備，相比桌面端設備，網(wǎng)速受到了很大限制（美國歐洲等地絕大部分還是4G時代）。所以頁面加載速度就非常重要。
?
為什么頁面速度很重要？
?
互聯(lián)網(wǎng)電商時代，每一秒都很重要。
?
谷歌的研究表明:
-
當加載時間從 1 秒增加到 3 秒時，跳出（訪問者立即離開）的概率會增加 32%。
-
如果頁面加載需要 5 秒，則跳出的概率會增加 90%：
-
超過6秒，基本就沒戲了。
?
此外，如果你的頁面加載緩慢，可能會損害轉(zhuǎn)化的能力。
?
頁面速度重要的另一個原因是它會影響消費者對你品牌的看法。如果你的頁面加載時間過長或在此過程中出現(xiàn)任何問題（例如視頻一直打不開，一直轉(zhuǎn)圈圈），則可能會讓你看起來不專業(yè)，并且認為你的產(chǎn)品不可靠。
?
專注于優(yōu)化頁面速度。這是我們運營首要關注的地方。
?
為什么要從圖片開始優(yōu)化呢？
?
一個頁面，圖片和視頻是占據(jù)最多容量的內(nèi)容，亞馬遜頁面，圖片和視頻占據(jù)起碼80%容量。又因為，視頻制作和解壓等方面需要比較專業(yè)的能力，你們找到專業(yè)人，他們就可以幫你壓縮且保持的高清的視頻（受制于篇幅問題，后面有機會再分享給各位）。
?
而100%的產(chǎn)品都上傳圖片，因為我們主要講講圖片的如何提升加載速度。
?
其實就是，怎么把圖片壓縮更小，依然保持保持高清。
?
較小的圖像加載速度更快嗎？
?
減少圖片加載時間不僅僅可以幫助你獲得更快的整體頁面加載時間，改善的用戶體驗，還可以幫助你在搜索排名上有更大排名優(yōu)勢（亞馬遜也會有針對圖片進行排名的技術）。
?
我們先看看亞馬遜對圖片的要求：
我們只看兩點：
?
-
要在詳情頁面達到最佳縮放效果，文件最長邊的分辨率最好不小于 1600 像素。事實證明，縮放功能有助于提高銷量。如果您無法滿足此要求，則文件適宜縮放的最小分辨率為 1000 像素，而文件用于網(wǎng)站展示的最小分辨率為 500 像素。
-
圖片必須采用 JPEG（.jpg 或 .jpeg）、TIFF (.tif)、PNG (.png) 或 GIF (.gif) 文件格式。首選文件格式為 JPEG。我們的服務器不支持 .gif 格式的動圖。
?
這就是我們需要考慮的地方:?亞馬遜已經(jīng)規(guī)定了最小尺寸（最好不少于1600像素），所以我們無法通過減少像素來壓縮，只能通過選擇格式來來壓縮圖片。
?
亞馬遜支持這幾種格式，哪種最好呢？
?
以Kris的經(jīng)驗來說，JPEG格式可以壓縮最小，但是是有損壓縮，對圖像損害比較大，而PNG也可以壓縮比較小，是無損壓縮，且損害比較小。
?
當編輯和反復保存 JPG 文件時，JPEG 會混合原始圖片數(shù)據(jù)的質(zhì)量下降。這種下降是累積性的。?
?
JPG 不適用于所含顏色很少、具有大塊顏色相近的區(qū)域或亮度差異十分明顯的較簡單的圖片。
?
我們以PS軟件為例，給大家展示一下：
?
為了方便網(wǎng)頁加載，我們PS一般使用“存儲為web所有格式”，以方便網(wǎng)頁加載，然后彈出一下對話框。
?
選擇JEPG格式，我們可以看到“顏色表”是灰色，沒有顯示太多顏色的，因為壓縮太多了。
?
當然，如果你把“品質(zhì)”調(diào)高，也可以保持比較清晰的圖像的。
?
選擇PNG格式，我們可以看到“顏色表”是有各種色塊，你可以調(diào)整其他參數(shù)，色塊也會有所增減，色塊越多，越清晰，但是圖片容量也越大，大家可以選擇自己合適的容量。
?
如果你有用QQ截圖，默認也是png格式的，因為PNG格式比較好保持高清度。
?
總結(jié)一下：JPG可以壓縮最小，PNG可以保持清晰度。
?
當然不是一定要用PNG格式的，需要你們自己去權衡。因為一模一樣的圖片，PNG占比要比JPG的格式大的。只要你們設計師能壓縮圖片，也可以保持高清就可以了。
?
例如他們會把分辨率提高，如下圖：
默認是72 ppi，要是能提高到150-300 ppi，那也是可以保持很高清的。
?
不同的分辨率，縮放效果看起來就有很大的不同。
?
但是，如果PS導出來的圖片還是很大，還能怎么辦？
?
這里推薦Kris浩自己也會用的壓縮圖片網(wǎng)站，免費的。
?
你們也可以嘗試使用tinypng.com或Attrock，它可以把圖像大小壓縮到原來的從 25% 減少到 80%，而且還可以保持高質(zhì)量！
?
上圖可以看到，壓縮比例是非常大的，而且質(zhì)量還不錯的。
?
最后，一定使用亞馬遜的移動優(yōu)化圖片
?
品牌旗艦店和A+頁面的品牌故事都有針對移動端的圖片上傳，就是為了讓你優(yōu)化移動端的圖片和加載速度。
?
一定要使用移動上傳，并對其進行優(yōu)化。
?
總結(jié)
?
PNG和JPG的選擇，需要自己去權衡，在高清和壓縮比例中找到最好的方式。
雖然我們講是針對移動端的優(yōu)化，但是其實我們桌面端也應該要盡量小的容量，提供最清晰的圖片。
?
如果你不懂PS也沒有關系，轉(zhuǎn)發(fā)給你的設計美工就可以了。他們肯定懂的。
?
以Kris浩自己的做法是，我們會把高質(zhì)量圖片盡量都做到150KB左右，最高不會超過600KB，無論多大張圖片，自己比較傾向PNG格式。視頻做到10MB以內(nèi)，30秒以內(nèi)。但是各方面質(zhì)量都保持很好。
?
本文主要講加載速度內(nèi)容。要提高轉(zhuǎn)化，圖片的內(nèi)容創(chuàng)意還是很重要的（例如美歐日各站點對圖片的偏好等），我們后面會做分享。
聲明：本文由網(wǎng)站用戶liubaili發(fā)表，超夢電商平臺僅提供信息存儲服務，版權歸原作者所有。若發(fā)現(xiàn)本站文章存在版權問題，如發(fā)現(xiàn)文章、圖片等侵權行為，請聯(lián)系我們刪除。
