建議商店圖片規格尺寸

4.SHOPLINE_______________.png

精美又吸引人的圖片,一直都是網路商店中最重要的部分。為了確保商店圖片有最佳的呈現效果,上傳圖片時,請注意檔案格式是否符合我們的系統需求。

 

一、圖片建議規格&尺寸大小?

A. 商品類別

商品 / 商品分類所支援的圖片規格:JPG / PNG / GIF

  • 「商品圖片」以及「更多商品圖片」,建議 寬度x高度 尺寸為 750px * 750px
    *Kingsman / Ultra chic 兩種版型較爲特別,建議 寬度x高度 尺寸為:1000px * 1000px
  • 「商品分類」的『橫幅』圖片,建議 寬度 為:2000px ~ 3000px

 

B. 網店分頁類別

網店分頁所支援的圖片規格:JPG / PNG / GIF

  • 「進階分頁」一般的單張圖片,建議 寬度 為:1200px ~ 2000px
  • 「進階分頁」內的全寬圖片模式的橫幅圖片,建議 寬度 為:2000px ~ 3000px
  • 「文字分頁」&「商品描述」內使用網址所嵌入的圖片,建議寬度為:1000px ~ 2000px

 

 *注意,部分瀏覽器不支援選擇 GIF / PNG 的選取,請使用拖曳的方式,將圖片拖曳至圖片處理區域中,如下圖,虛線內即為圖片處理區域。

1111111.png

 

 

二、圖片為何上傳失敗?

常見原因

1. 檔案大小:圖片大小不得超過10mb

2. 圖片色彩模式:圖片如果為 CMYK,因 CMYK 為印刷使用,需轉換為 RGB 後再上傳至系統 (參考下方截圖)

11.png

3. GIF 開啟正常但無法上傳:請檢查 GIF 檔案的 frames 格數,格數過多的狀況會導致無法上傳

- 1920x1000 左右的 GIF frames 數最多 20 張

- 800x400 左右的 GIF frames 數最多 120 張

- 參考 GIF 製作/檢查工具:https://ezgif.com

 

 

三、 圖片上傳後有色差 / 模糊?

A. 色彩描述檔&最佳化

由於顯示裝置、製作圖片的方式不同,會造成圖片有色差問題,如果有產生色差問題,需透過圖片編輯軟體來針對色彩描述檔案轉存,以獲得相同的色採顯示。以下分別示範 Photoshop / 第三方免費工具 fotor 的轉存步驟:

1. 如果使用 Photoshop,請參考以下流程 / 截圖:

a. 「編輯」>「轉換為描述檔」中,轉為 sRGB 形式的描述檔

2222.png 

 

 

b. 「檔案」>>「轉存」>>「儲存為網頁裝置用」,勾選「最佳化」、「嵌入色彩描述檔」、「品質條選最佳100%」後儲存輸出。

33333.png

 

2. 使用第三方工具 - Fotor

a. 註冊/登入 Fotor 後,點選「導入圖片」>> 選擇您所需要的圖片 >> 進行圖片顏色等項目的編輯、調整 mceclip1.png

 

b. 選擇「保存」>>「檔案格式」>>「質量選擇 - 高清」 >> 下載

mceclip0.png

 

B. 圖片寬度是否不符合最小需求?

請參考:圖片建議尺寸大小

 

C. 如圖片中有大量文字、線條,建議使用原始檔案

例如將 PSD/AI 檔案,轉存為 PNG 檔案來上傳使用,以獲得最佳的呈現效果

還有其他問題?提交請求

評論