【官網設計】圖片自動優化

為了協助商家優化前台網頁瀏覽速度和優化客戶瀏覽官網圖片的用戶體驗,在後台商家所上傳的所有圖片,我們都會將圖片尺寸與格式進行壓縮并轉換為在我們平台上使用最優化版的圖片尺寸與圖片質量。
圖片自動優化好處
商家所有上傳至EasyStore 後台的圖片均已優化為較小的圖片尺寸。這意味著商店將在圖片加載時間上節省 40%的時間,同時頁面瀏覽速度將會加快。若商店在先前已上傳非常大的圖片格式,將會察覺到網頁瀏覽速度改進。
以下是具有較大圖片格式的商店的Google PageSpeed Index的前後對比:
優化前網頁速度測試

優化後網頁速度測試

開啟使用原版上傳圖片質量功能
🔒此功能限 Candy 、Wave及 Aroma 或其後發佈之佈景主題使用
若想要使用原版上傳的圖片質量,可以根據以下步驟,到後台設定去開啟使用原版上傳圖片質量設定,在官網會顯示上傳的原版圖片尺寸和格式
步驟一
前往後台》銷售管道》品牌官網》佈景主題》General》Use images with original quality 使用原版圖片質量功能設定,在所有佈景主題默認設定裡,【使用原版圖片質量】 功能是關閉的。

步驟二
在 Use images with original quality 使用原版圖片質量功能設定,點擊開啟此功能,之後點擊儲存即可完成設定。

步驟三
開啟以上功能之後,商家前台所有圖片顯示,包括佈景主題裡上傳的圖片以及商品圖片等,都會使用商家上傳的原版商品圖片質量顯示與前台。
但是若在後台 > 銷售管道 > 品牌官網 > 佈景主題 > 編輯原始碼中,在product.liquid 檔案裡,若是使用 img_url:'original' 將加載原版上傳圖片質量而不會進行任何圖片優化。


更新時間: 14/02/2025
感謝!