亞馬遜圖片選用什么格式最好？JPG還是PNG?-ESG跨境

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

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

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

OK， 安排！這就來了！

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

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

為什么頁面速度很重要？

互聯(lián)網(wǎng)電商時代，每一秒都很重要。

谷歌的研究表明:

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

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

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

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

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

專注于優(yōu)化頁面速度。這是我們運營首要關(guān)注的地方。

為什么要從圖片開始優(yōu)化呢？

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

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

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

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

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

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

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

我們只看兩點：

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

圖片必須采用 JPEG（.jpg 或 .jpeg）、TIFF (.tif)、PNG (.png) 或 GIF (.gif) 文件格式。首選文件格式為 JPEG。我們的服務(wù)器不支持 .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)高，也可以保持比較清晰的圖像的。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（圖片來源：tinypng.com）

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

最后，一定使用亞馬遜的移動優(yōu)化圖片

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

一定要使用移動上傳，并對其進行優(yōu)化。

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

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

總結(jié)

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

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

如果你不懂PS也沒有關(guān)系，轉(zhuǎn)發(fā)給你的設(shè)計美工就可以了。他們肯定懂的。

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

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

關(guān)注Kris浩，后續(xù)了解更多干貨。

點擊咨詢現(xiàn)在有哪些新興平臺值得關(guān)注 >>>

特別聲明：以上文章內(nèi)容僅代表作者本人觀點，不代表ESG跨境電商觀點或立場。如有關(guān)于作品內(nèi)容、版權(quán)或其它問題請于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。