Shopify 商品系列图片尺寸与裁剪检查

快速步骤

先识别主题中的显示位置和比例，选一张商品周围有空间的高分辨率原图，并在桌面与手机宽度下预览。共用裁切始终不合适时，若主题支持，就给页头配置独立图片。

• Shopify 集合布局文档

1. 找出两个实际显示位置

在主题编辑器中找到集合卡片，以及集合页特色图片或横幅。记录各处图片来源和显示比例。虚构的 North Pier 系列假设使用正方形卡片与 2:1 桌面页头；这些只是示例槽位比例。

2. 在画布中标出共同保留区域

把炊具图片放到 Ciyo，添加同中心的正方形与 2:1 预览画框。让锅柄和锅沿留在两个裁切都保留的范围内。锅柄只能在宽图中完整出现时，应换更宽的照片或调整主体位置，再缩放。

3. 在真实主题中预览两种宽度

使用开发主题或安全预览。在 Shopify 的 Products → Collections 中可以编辑集合特色图片。分别用窄屏和宽屏检查卡片与集合页：锅柄是否截断、标题是否压在杂乱背景上，以及横幅是否引用了错误来源。

4. 导出并替换正确的素材

从质量最好的批准原片开始，为最大使用位置导出足够像素，再检查主题实际输出。主题支持独立页头图片时，可单独构图，兼顾主体和标题。图片承载实质内容时，应填写符合内容的替代文字。

• Shopify 添加替代文本指南

主题变更后重新复核

记下主题名称、槽位名称和批准裁切。布局设置或主题切换后重新预览。另存原片，使下一次裁切从批准素材开始，而不是从已裁过的文件继续损失画面。

• Etsy listing photo crop

一张图兼顾不了两个位置时，改用独立素材

如果集合卡片需要展示完整锅具，而宽幅页头需要为标题留空间，可以在主题允许时分别设置图片。先确认每个显示位置取图的设置；修改商品照片，不一定会改变集合页头。

如果主题强制两个位置共用图片，优先保护较紧裁切中的商品，再检查宽幅位置。记录批准结果、主题名称和模板名称。修改主题或区块设置后，应重新核对。