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

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

（圖片來源：微信公眾號(hào)截圖）

OK， 安排！這就來了！

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

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

為什么頁(yè)面速度很重要？

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

谷歌的研究表明:

當(dāng)加載時(shí)間從 1 秒增加到 3 秒時(shí)，跳出（訪問者立即離開）的概率會(huì)增加 32%。

如果頁(yè)面加載需要 5 秒，則跳出的概率會(huì)增加 90%：

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

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

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

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

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

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

而100%的產(chǎn)品都上傳圖片，因?yàn)槲覀冎饕v講圖片的如何提升加載速度。

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

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

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

我們先看看亞馬遜對(duì)圖片的要求：

（圖片來源：亞馬遜后臺(tái)頁(yè)面截圖）

我們只看兩點(diǎn)：

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

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

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

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

以Kris的經(jīng)驗(yàn)來說，JPEG格式可以壓縮最小，但是是有損壓縮，對(duì)圖像損害比較大，而PNG也可以壓縮比較小，是無損壓縮，且損害比較小。

當(dāng)編輯和反復(fù)保存 JPG 文件時(shí)，JPEG 會(huì)混合原始圖片數(shù)據(jù)的質(zhì)量下降。這種下降是累積性的。 

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

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

為了方便網(wǎng)頁(yè)加載，我們PS一般使用“存儲(chǔ)為web所有格式”，以方便網(wǎng)頁(yè)加載，然后彈出一下對(duì)話框。

選擇JEPG格式，我們可以看到“顏色表”是灰色，沒有顯示太多顏色的，因?yàn)閴嚎s太多了。

當(dāng)然，如果你把“品質(zhì)”調(diào)高，也可以保持比較清晰的圖像的。

（圖片來源：photoshop頁(yè)面截圖）

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

（圖片來源：photoshop頁(yè)面截圖）

如果你有用QQ截圖，默認(rèn)也是png格式的，因?yàn)镻NG格式比較好保持高清度。

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

當(dāng)然不是一定要用PNG格式的，需要你們自己去權(quán)衡。因?yàn)橐荒Ｒ粯拥膱D片，PNG占比要比JPG的格式大的。只要你們?cè)O(shè)計(jì)師能壓縮圖片，也可以保持高清就可以了。

例如他們會(huì)把分辨率提高，如下圖：

（圖片來源：photoshop頁(yè)面截圖）

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

（圖片來源：photoshop用戶指南頁(yè)面截圖）

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

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

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

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

（圖片來源：tinypng.com）

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

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

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

一定要使用移動(dòng)上傳，并對(duì)其進(jìn)行優(yōu)化。

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

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

總結(jié)

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

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

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

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

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

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

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

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