上篇文章(注意!2個指標會改變亞馬遜的運營方向)講到,通過會話次數和頁面瀏覽量的兩個指標,我們可以判斷自己的品類是是移動應用數據占比多少,然后來改變自己的運營方向。
于是有賣家朋友留言,希望寫寫關于快速加載圖片的文章:
(圖片來源:微信公眾號截圖)
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秒以內。但是各方面質量都保持很好。
本文主要講加載速度內容。要提高轉化,圖片的內容創意還是很重要的(例如美歐日各站點對圖片的偏好等),我們后面會做分享。
關注Kris浩,后續了解更多干貨。
(來源:公眾號Kris浩)
以上內容屬作者個人觀點,不代表雨果跨境立場!本文經原作者授權轉載,轉載需經原作者授權同意。?