建議商品圖片尺寸

SHOPLINE_____.jpg

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

 

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

A. 商品類別

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

「商品圖片」以及「更多商品圖片」,建議 寬度x高度 尺寸為 750px x 750px

*Kingsman / Ultra chic 兩種版型較爲特別,建議 寬度x高度 尺寸為:1000px x 1000px

「商品分類」的『橫幅』圖片,建議 寬度 為:2000px 以上

 

B. 網店分頁類別

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

「進階分頁」一般的單張圖片,建議 寬度 為:1200px 以上

「進階分頁」全寬圖片模式的橫幅圖片,建議 寬度 為:2000px 以上

「文字分頁」「商品描述」內使用網址所嵌入的圖片,建議寬度為:1000px 以上

 

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

 

二、圖片為何上傳失敗?

常見原因

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

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

11.png

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

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

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

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

 

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

A. 色彩描述檔&最佳化

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

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

a. 「編輯」>「轉換為描述檔」中,將 CMYK 轉為 sRGB

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

*參考截圖說明:

步驟 A-a

步驟 A-b

 

2. 使用第三方工具 - Fotor

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

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

*參考截圖

步驟 B-a

步驟 B-b

 

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

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

 

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

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

還有其他問題?提交請求

評論