> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 後台圖片自動優化

為了協助商家優化前台網頁瀏覽速度和優化客戶瀏覽官網圖片的用戶體驗，在後台商家所上傳的所有圖片，我們都會將圖片尺寸與格式進行壓縮并轉換為在我們平台上使用最優化版的圖片尺寸與圖片質量。

**後台圖片自動優化好處有：**

  
  
商家所有上傳至我們後台的圖片均已優化為較小的圖片尺寸。這意味著所有商店平均將在圖片加載時間上享受40％的頁面瀏覽加快速度改善。若某些商店在之前上傳非常大的圖片格式，商家將會查看到巨大的網頁瀏覽速度改進。以下是具有較大圖片格式的商店的Google PageSpeed Index的前後對比：  
  
優化之後網頁速度測試：

![](https://storage.crisp.chat/users/helpdesk/website/24d0e03138671200/af821802-4168-4a6d-91f7-5041e1_g0b6ue.png)

優化之後網頁速度測試：

![](https://storage.crisp.chat/users/helpdesk/website/7c78154f67b89000/09985858-98e4-4151-b443-853f68_diwlaw.png)

這裡商家若想要使用原版上傳的圖片質量，可以根據以下步驟，到後台設定去開啟使用原版上傳圖片質量設定，在官網前台顯示原版圖質量顯示：

**開啟使用原版上傳圖片質量功能：**

  

📣 商家需注意：

*   此功能只有 Candy 、Wave及 Aroma 或其後發佈之佈景主題能使用。
    
*   在開啟功能之後，官網會使用商家上傳的原版圖片尺寸和格式。
    

**步驟一：**

前往後台》銷售管道》品牌官網》佈景主題》General》Use images with original quality 使用原版圖片質量功能設定，在所有佈景主題默認設定里，“使用原版圖片質量” 功能是關閉的。

![](https://storage.crisp.chat/users/helpdesk/website/454e88e82a37f000/a037a871-f716-4116-8592-ae200e_1vf13ks.png)

**步驟二：**

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

![](https://storage.crisp.chat/users/helpdesk/website/8edf4b0a1d584000/3ef00ff9-0c86-4ce6-984e-a44574_mrs1hc.png)

**步驟三：**

開啟以上功能之後，商家前台所有圖片顯示，包括佈景主題里上傳的圖片以及商品圖片等，都會使用商家上傳的原版商品圖片質量顯示與前台。

*   但是若在後台 > 銷售管道 > 品牌官網 > 佈景主題 > 編輯原始碼中，在product.liquid 檔案里，若是使用 img_url：'original' 將加載原版上傳圖片質量而不會進行任何圖片優化。
    
    ![](https://storage.crisp.chat/users/helpdesk/website/58dd1b7180782000/19fe5581-3887-459d-9622-b71444_y75q0r.png)
    

![](https://storage.crisp.chat/users/helpdesk/website/b5a62364d6c6b800/caf92408-7e58-4929-a3b6-87f233_js79f8.png)