Shopify 商品系列圖片尺寸與裁剪檢查

快速步驟

先識別主題中的顯示位置和比例，選一張商品周圍有空間的高解析度原圖，並在桌面與手機寬度下預覽。共用裁切始終不合適時，若主題支援，就給頁頭配置獨立圖片。

• Shopify 集合佈局文件

1. 找出兩個實際顯示位置

在主題編輯器中找到集合卡片，以及集合頁特色圖片或橫幅。記錄各處圖片來源和顯示比例。虛構的 North Pier 系列假設使用正方形卡片與 2:1 桌面頁頭；這些只是示例槽位比例。

2. 在畫布中標出共同保留區域

把炊具圖片放到 Ciyo，新增同中心的正方形與 2:1 預覽畫框。讓鍋柄和鍋沿留在兩個裁切都保留的範圍內。鍋柄只能在寬圖中完整出現時，應換更寬的照片或調整主體位置，再縮放。

3. 在真實主題中預覽兩種寬度

使用開發主題或安全預覽。在 Shopify 的 Products → Collections 中可以編輯集合特色圖片。分別用窄屏和寬屏檢查卡片與集合頁：鍋柄是否截斷、標題是否壓在雜亂背景上，以及橫幅是否引用了錯誤來源。

4. 匯出並替換正確的素材

從質量最好的核准原片開始，為最大使用位置匯出足夠畫素，再檢查主題實際輸出。主題支援獨立頁頭圖片時，可單獨構圖，兼顧主體和標題。圖片承載實質內容時，應填寫符合內容的替代文字。

• Shopify 新增替代文字指南

主題變更後重新複核

記下主題名稱、槽位名稱和核准裁切。佈局設定或主題切換後重新預覽。另存原片，使下一次裁切從核准素材開始，而不是從已裁過的檔案繼續損失畫面。

• Etsy listing photo crop

一張圖兼顧不了兩個位置時，改用獨立素材

如果集合卡片需要展示完整鍋具，而寬幅頁頭需要為標題留空間，可以在主題允許時分別設定圖片。先確認每個顯示位置取圖的設定；修改商品照片，不一定會改變集合頁頭。

如果主題強制兩個位置共用圖片，優先保護較緊裁切中的商品，再檢查寬幅位置。記錄核准結果、主題名稱和模板名稱。修改主題或區塊設定後，應重新核對。