精美又吸引人的圖片,一直都是網路商店中最重要的部分。為了確保商店圖片有最佳的呈現效果,上傳圖片時,請注意檔案格式是否符合我們的系統需求。
一、圖片建議規格&尺寸大小?
A. 圖片高度:
建議全店的圖片高度都小於 3000px。
B. 圖片寬度:
1. 商品類別
商品 / 商品分類所支援的圖片規格:JPG / PNG / GIF
- 「商品圖片」建議 寬度 為:750px
- 「更多商品圖片」建議 寬度 為:800px
- 「商品分類」的『橫幅』圖片,建議 寬度 為:2000px ~ 3000px
2. 網店分頁類別
網店分頁所支援的圖片規格:JPG / PNG / GIF
- 「進階分頁」一般的單張圖片,建議「寬度」為:1200px ~ 2000px
- 「進階分頁」內的全寬圖片模式的橫幅圖片,建議「寬度」為:2000px ~ 3000px
- 「文字分頁」&「商品描述」內使用網址所嵌入的圖片,建議寬度為:1000px ~ 2000px
- 若為新版編輯器所建立進階分頁,圖片請參照以下建議比例。
- 桌機版建議圖片比例
- 長方形 - 長寬比 2:1。單圖建議尺寸 2000 × 1000px。
- 長方形 - 長寬比 3:4。單圖建議尺寸 1500 × 2000px 。
- 正方形 - 長寬比 1:1。單圖建議尺寸 2000 × 2000px。
- 手機版建議圖片比例
- 長方形 - 長寬比 2:1。單圖建議尺寸 1080 × 540px。
- 長方形 - 長寬比 3:4。單圖建議尺寸 810 × 1080px。
- 正方形 - 長寬比 1:1。單圖建議尺寸 1080 × 1080px。
- 桌機版建議圖片比例
*部分設計版型另有圖片建議尺寸,可點選 商店版型 觀看各版型說明。
*注意,部分瀏覽器不支援選擇 GIF / PNG 的選取,請使用拖曳的方式,將圖片拖曳至圖片處理區域中,如下圖,虛線內即為圖片處理區域。
二、圖片為何上傳失敗?
常見原因
1. 檔案大小:圖片大小不得超過10mb
2. GIF 開啟正常但無法上傳:請檢查 GIF 檔案的 frames 格數,格數過多的狀況會導致無法上傳
- 1920x1000 左右的 GIF frames 數最多 20 張
- 800x400 左右的 GIF frames 數最多 120 張
- 參考 GIF 製作/檢查工具:https://ezgif.com
三、 圖片上傳後有色差 / 模糊?
A. 圖片色彩模式
圖片如果為 CMYK,因 CMYK 為印刷使用,需轉換為 RGB 後再上傳至系統。 (參考下方截圖)
B. 色彩描述檔&最佳化
由於顯示裝置、製作圖片的方式不同,會造成圖片有色差問題,如果有產生色差問題,需透過圖片編輯軟體來針對色彩描述檔案轉存,以獲得相同的色彩顯示。以下分別示範 Photoshop / 第三方免費工具 fotor 的轉存步驟:
1. 如果使用 Photoshop,請參考以下流程 / 截圖:
a. 「編輯」>「轉換為描述檔」中,轉為 sRGB 形式的描述檔
b. 「檔案」>>「轉存」>>「儲存為網頁裝置用」,勾選「最佳化」、「嵌入色彩描述檔」、「品質條選最佳100%」後儲存輸出。
2. 使用第三方工具 - Fotor
a. 註冊/登入 Fotor 後,點選「導入圖片」>> 選擇您所需要的圖片 >> 進行圖片顏色等項目的編輯、調整
b. 選擇「保存」>>「檔案格式」>>「質量選擇 - 高清」 >> 下載
C. 圖片寬度是否不符合最小需求?
請參考:圖片建議尺寸大小
D. 如圖片中有大量文字、線條,建議使用原始檔案
例如將 PSD/AI 檔案,轉存為 PNG 檔案來上傳使用,以獲得最佳的呈現效果
評論