商店圖片的建議尺寸與格式

商品圖片是顧客認識商品的主要方式。於 SHOPLINE 網店上傳圖片時，圖片的尺寸、格式與色彩設定會影響前台顯示的清晰度與色彩。本文說明各類圖片的建議規格，以及上傳失敗、色差或模糊時的處理方式。

• 商店圖片的建議尺寸與格式
• 圖片為什麼上傳失敗？
• 圖片上傳後出現色差或模糊，該如何處理？
• 名詞解釋

一、商店圖片的建議尺寸與格式

商店圖片的建議尺寸會依圖片放置位置而有所不同。以下依圖片高度、圖片寬度與圖片格式分別說明。

1. 圖片高度

建議全店所有圖片的高度小於 3000px（像素）。

2. 圖片寬度

SHOPLINE 圖片的建議寬度會依圖片放置的位置而不同，主要分為商品與商品分類圖片、網店分頁圖片兩類。

商品與商品分類圖片的建議寬度

• 商品圖片：建議寬度 750px
• 更多商品圖片：建議寬度 800px
• 商品分類的橫幅圖片：建議寬度 2000px 至 3000px

網店分頁圖片的建議寬度

A. 進階分頁、文字分頁與商品描述的圖片

• 進階分頁的一般單張圖片：建議寬度 1200px 至 2000px
• 進階分頁「全寬圖片模式」的橫幅圖片：建議寬度 2000px 至 3000px
• 文字分頁與商品描述中，以網址嵌入的圖片：建議寬度 1000px 至 2000px

B. 新版編輯器建立的進階分頁圖片

若進階分頁是以新版編輯器建立，請依桌機版與手機版，分別準備以下比例與尺寸的圖片。

＊注意：部分設計版型另有圖片建議尺寸，請點選 商店版型 查看各版型的說明。

3. 圖片格式

商品、商品分類與網店分頁的圖片都支援 JPG、PNG、GIF 三種格式。

＊注意：部分瀏覽器在選取檔案時，無法選擇 GIF 或 PNG 檔案。如遇此情況，請直接將圖片拖曳到圖片處理區域（下圖虛線框內的範圍）完成上傳。

二、圖片為什麼上傳失敗？

圖片上傳失敗最常見的原因有兩個：檔案大小超過上限，或 GIF 動圖的影格數過多。請依下列項目逐一檢查。

1. 圖片檔案是否超過 10 MB？

單張圖片的檔案大小上限為 10 MB。若圖片超過 10 MB 將無法上傳，請將檔案縮小至 10 MB 以下後再重新上傳。

2. GIF 可以正常開啟卻無法上傳，該怎麼辦？

GIF 動圖是由多張靜態畫面依序播放組成，每一張畫面稱為一個影格（frame）。若 GIF 能在電腦上正常開啟，卻無法上傳到網店後台，請檢查 GIF 的影格數是否過多。影格數上限會因 GIF 尺寸而不同：

• 尺寸約 1920 × 1000px 的 GIF：影格數最多 20 張
• 尺寸約 800 × 400px 的 GIF：影格數最多 120 張

三、圖片上傳後出現色差或模糊，該如何處理？

圖片上傳到網店後台後，若顏色與原始檔案不同或畫面模糊，通常與圖片的色彩模式、色彩描述檔、圖片寬度或原始檔案類型有關。請依下列四種情況檢查。

1. 圖片的色彩模式是否為 CMYK？

CMYK 是印刷使用的色彩模式，網頁顯示則使用 RGB 色彩模式。若您的圖片是 CMYK 色彩模式，請先在圖片編輯軟體中轉換為 RGB，再上傳至後台（參考下方截圖）。

2. 色彩描述檔不一致造成色差，該如何轉存？

色彩描述檔（color profile）是圖片檔案中用來定義顏色顯示方式的設定。由於顯示裝置與製作圖片的方式不同，圖片可能出現色差。若發生色差，請使用圖片編輯軟體重新轉存圖片的色彩描述檔，讓圖片在不同裝置上顯示一致的顏色。以下分別說明 Photoshop 與第三方免費工具 Fotor 的操作方式，請擇一使用。

A. 使用 Photoshop 轉存色彩描述檔

a. 前往「編輯」>「轉換為描述檔」，將描述檔轉換為 sRGB。

b. 前往「檔案」>「轉存」>「儲存為網頁裝置用」，勾選「最佳化」與「嵌入色彩描述檔」，品質選擇最佳（100%），再儲存輸出。

B. 使用 Fotor 轉存圖片

a. 註冊或登入 Fotor 後，點選「導入圖片」，選擇要處理的圖片，再依需求編輯、調整圖片顏色等項目。

b. 點選「保存」，選擇檔案格式，質量選擇「高清」後下載。

3. 圖片寬度是否低於建議尺寸？

圖片寬度若低於建議寬度，上傳後可能顯示模糊。請對照本文中各類圖片的建議寬度，重新準備圖片。

4. 圖片中有大量文字或線條，該如何處理？

若圖片中有大量文字或線條，建議從原始設計檔直接轉存，例如將 PSD 檔（Adobe Photoshop 檔案）或 AI 檔（Adobe Illustrator 檔案）轉存為 PNG 檔後再上傳，以獲得最佳的呈現效果。

四、名詞解釋

延伸閱讀

• 圖片庫
• 商店版型

最後更新時間：2026 年 10 月 29 日