iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 28
1
Cloud Native

資安效能,兩全其美系列 第 28

行動電商時代,贏圖片者得天下【鐵人挑戰28天】

  • 分享至 

  • xImage
  •  

在這個顏值至上的年代,以圖片贏天下

電商購物體驗就像網路交友,一張產品美照絕對是打開購物者心扉的敲門磚。圖片會最先吸引購物者的注意力,留下品牌與產品的第一印象。

因此,最佳化產品圖片是提升轉化率的重要途徑。如Akamai調查顯示,更大尺寸的圖片可以將轉化率提高9%。這使得零售電商使用的圖片越來越多、越來越大。如下圖所示,2011年網頁中圖片的平均位元組量是0.47 MB,2016年大幅增加到1.53 MB,圖片尺寸擴大了3.25倍。

https://ithelp.ithome.com.tw/upload/images/20181112/20112135bUtRRRIpsA.png

但在電商行動化的時代,這也為零售商們帶來挑戰。據Google研究,行動設備是消費者用於搜尋產品及服務的首選設備。另從承擔全球網際網路30%流量的Akamai的資料來看,行動流量現在已經占平台流量的38%以上。然而行動設備上的圖片品質和圖片載入時間,卻是買家們時常吐槽的對象。

改善圖片!理想很美妙,但現實很骨感

為了改善使用者體驗,零售電商需要根據客戶的設備環境來最佳化圖片配置。首先,需要為多種設備繪製能夠適應不同尺寸和解析度的圖片,例如,一張產品縮圖需要有分別適應桌上型電腦、平板電腦和手機螢幕的不同版本。此外,還可能需要為不同瀏覽器提供不同格式的圖片,來達到最佳顯示效果,例如Chrome的WebP格式和Safari的JPEG 2000格式。

但這麼一算下來,如下圖顯示,光是單張產品圖的不同版本就可能簡單超過108個,要是需處理一個網站上所有的圖片,總和將是一個天文數字……這樣龐大的圖片製作和儲存工作無疑將給零售電商帶來巨大壓力。

https://ithelp.ithome.com.tw/upload/images/20181112/20112135emQYT2plhN.png

有辦法只上傳一張圖,就讓用筆記本、平板、手機的買家都滿意嗎?

答案是:有。雲端圖片管理解決方案可以解決這一難題。使用它,零售電商只需把一張原始圖片上傳至雲端,就能自動創立各種尺寸與解析度的版本,用來滿足各種設備環境的需求。

例如,使用4.7英寸Retina螢幕手機的使用者與使用4.7英寸舊款Android手機的使用者同時瀏覽一個電商網站,雲端圖片管理解決方案將向他們提供尺寸相同,但解析度不同的圖片。還能夠根據使用者的瀏覽器狀況自動創立並傳送不同格式的圖片,把WebP圖片發送給使用Chrome瀏覽器瀏覽該網站的使用者,將JPEG 2000圖片發送給用Safari瀏覽器的使用者。

電商網站僅需為一張圖片請求一個URL,雲端圖片管理解決方案就會自動根據點擊這個URL的使用者的設備環境來調整圖片的尺寸、解析度和格式,提供最適合該使用者的圖片,電商不需要預先創立並在伺服器上儲存所有不同版本的圖片。

如何選擇圖片管理解決方案?

零售電商在選擇圖片管理解決方案時,需要考慮以下幾點要素:

應該建立在雲端:這樣可以減少儲存所有圖片版本所消耗的伺服器空間、降低營運開支、縮短備份與恢復的時間。

性能是關鍵:要確定能用最近的距離將圖片分發給您的消費者,縮短下載時間和網路延遲。

能夠自動智慧調整:雖然大幅度壓縮圖片大小的,同時也要確保肉眼難以察覺處理後的畫質差別。

系統有可擴充性:由於新的行動設備與圖片格式不斷被發佈,圖片解決方案必須能夠簡單增加新的圖片尺寸或格式。


https://ithelp.ithome.com.tw/upload/images/20181022/20112135LwOIpVXgFR.png


上一篇
如何在1111賣翻天!技術大咖教你如何抓住行動買家【鐵人挑戰27天】
下一篇
Edge乾貨:IPv6的性能優勢【鐵人挑戰29天】
系列文
資安效能,兩全其美30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言