上篇文章（）講到，通過會話次數和頁面瀏覽量的兩個指標，我們可以判斷自己的品類是是移動應用數據占比多少，然后來改變自己的運營方向。

于是有賣家朋友留言，希望寫寫關于快速加載圖片的文章：

（圖片來源：微信公眾號截圖）

OK， 安排！這就來了！

上篇文章有提到，如果你的移動端的頁面瀏覽和會話次數都占比70%以上，那么你就應該要把頁面優化重點放在移動端，而不是桌面端。

而移動設備，相比桌面端設備，網速受到了很大限制（美國歐洲等地絕大部分還是4G時代）。所以頁面加載速度就非常重要。

為什么頁面速度很重要？

互聯網電商時代，每一秒都很重要。

谷歌的研究表明:

當加載時間從 1 秒增加到 3 秒時，跳出（訪問者立即離開）的概率會增加 32%。

如果頁面加載需要 5 秒，則跳出的概率會增加 90%：

超過6秒，基本就沒戲了。

此外，如果你的頁面加載緩慢，可能會損害轉化的能力。

頁面速度重要的另一個原因是它會影響消費者對你品牌的看法。如果你的頁面加載時間過長或在此過程中出現任何問題（例如視頻一直打不開，一直轉圈圈），則可能會讓你看起來不專業，并且認為你的產品不可靠。

專注于優化頁面速度。這是我們運營首要關注的地方。

為什么要從圖片開始優化呢？

一個頁面，圖片和視頻是占據最多容量的內容，亞馬遜頁面，圖片和視頻占據起碼80%容量。又因為，視頻制作和解壓等方面需要比較專業的能力，你們找到專業人，他們就可以幫你壓縮且保持的高清的視頻（受制于篇幅問題，后面有機會再分享給各位）。

而100%的產品都上傳圖片，因為我們主要講講圖片的如何提升加載速度。

其實就是，怎么把圖片壓縮更小，依然保持保持高清。

較小的圖像加載速度更快嗎？

減少圖片加載時間不僅僅可以幫助你獲得更快的整體頁面加載時間，改善的用戶體驗，還可以幫助你在搜索排名上有更大排名優勢（亞馬遜也會有針對圖片進行排名的技術）。

我們先看看亞馬遜對圖片的要求：

（圖片來源：亞馬遜后臺頁面截圖）

我們只看兩點：

要在詳情頁面達到最佳縮放效果，文件最長邊的分辨率最好不小于 1600 像素。事實證明，縮放功能有助于提高銷量。如果您無法滿足此要求，則文件適宜縮放的最小分辨率為 1000 像素，而文件用于網站展示的最小分辨率為 500 像素。

圖片必須采用 JPEG（.jpg 或 .jpeg）、TIFF (.tif)、PNG (.png) 或 GIF (.gif) 文件格式。首選文件格式為 JPEG。我們的服務器不支持 .gif 格式的動圖。

這就是我們需要考慮的地方: 亞馬遜已經規定了最小尺寸（最好不少于1600像素），所以我們無法通過減少像素來壓縮，只能通過選擇格式來來壓縮圖片。

亞馬遜支持這幾種格式，哪種最好呢？

以Kris的經驗來說，JPEG格式可以壓縮最小，但是是有損壓縮，對圖像損害比較大，而PNG也可以壓縮比較小，是無損壓縮，且損害比較小。

當編輯和反復保存 JPG 文件時，JPEG 會混合原始圖片數據的質量下降。這種下降是累積性的。?

JPG 不適用于所含顏色很少、具有大塊顏色相近的區域或亮度差異十分明顯的較簡單的圖片。

我們以PS軟件為例，給大家展示一下：

為了方便網頁加載，我們PS一般使用“存儲為web所有格式”，以方便網頁加載，然后彈出一下對話框。

選擇JEPG格式，我們可以看到“顏色表”是灰色，沒有顯示太多顏色的，因為壓縮太多了。

當然，如果你把“品質”調高，也可以保持比較清晰的圖像的。

（圖片來源：photoshop頁面截圖）

選擇PNG格式，我們可以看到“顏色表”是有各種色塊，你可以調整其他參數，色塊也會有所增減，色塊越多，越清晰，但是圖片容量也越大，大家可以選擇自己合適的容量。

（圖片來源：photoshop頁面截圖）

如果你有用QQ截圖，默認也是png格式的，因為PNG格式比較好保持高清度。

總結一下：JPG可以壓縮最小，PNG可以保持清晰度。

當然不是一定要用PNG格式的，需要你們自己去權衡。因為一模一樣的圖片，PNG占比要比JPG的格式大的。只要你們設計師能壓縮圖片，也可以保持高清就可以了。

例如他們會把分辨率提高，如下圖：

（圖片來源：photoshop頁面截圖）

默認是72 ppi，要是能提高到150-300 ppi，那也是可以保持很高清的。

（圖片來源：photoshop用戶指南頁面截圖）

不同的分辨率，縮放效果看起來就有很大的不同。

但是，如果PS導出來的圖片還是很大，還能怎么辦？

這里推薦Kris浩自己也會用的壓縮圖片網站，免費的。

你們也可以嘗試使用tinypng.com或Attrock，它可以把圖像大小壓縮到原來的從 25% 減少到 80%，而且還可以保持高質量！

（圖片來源：tinypng.com）

上圖可以看到，壓縮比例是非常大的，而且質量還不錯的。

最后，一定使用亞馬遜的移動優化圖片

品牌旗艦店和A+頁面的品牌故事都有針對移動端的圖片上傳，就是為了讓你優化移動端的圖片和加載速度。

一定要使用移動上傳，并對其進行優化。

（圖片來源：A+頁面的品牌故事截圖）

（圖片來源：品牌旗艦店編輯頁面截圖）

總結

PNG和JPG的選擇，需要自己去權衡，在高清和壓縮比例中找到最好的方式。

雖然我們講是針對移動端的優化，但是其實我們桌面端也應該要盡量小的容量，提供最清晰的圖片。

如果你不懂PS也沒有關系，轉發給你的設計美工就可以了。他們肯定懂的。

以Kris浩自己的做法是，我們會把高質量圖片盡量都做到150KB左右，最高不會超過600KB，無論多大張圖片，自己比較傾向PNG格式。視頻做到10MB以內，30秒以內。但是各方面質量都保持很好。

本文主要講加載速度內容。要提高轉化，圖片的內容創意還是很重要的（例如美歐日各站點對圖片的偏好等），我們后面會做分享。