先比较原图比例与页面图片区域的形状，再检查主题可用的高度、适应方式及焦点设置。把同一构图换成更大像素的文件，通常不能解决主体被裁掉的问题。
本文适合准备品牌素材或验收 Shopify 主题的商家，重点是图片构图与响应式展示；图片无法加载、商品变体关联错误等问题应另行排查。封面为裁切概念插画。
先保存三个画面
对同一个问题，保存完整原图、桌面页面和手机页面，并记录页面地址与具体区块。指出必须保留的是瓶身、人物脸部还是产品组合，而不是只写“图片显示不对”。同时确认手机端看到的确实是最新发布版本。
如果原图完整但页面少了一部分，优先排查裁切；如果图片完整却明显模糊，再检查原文件质量与实际加载版本。这两种问题不应使用同一张修改工单。
比例不一致时，先决定展示目标
Shopify 的官方图片说明解释，部分横幅、轮播和全宽区块的图片区域由区块形状决定；原图比例不同，就可能被裁切。具体可调设置取决于主题及版本。
例如，把一张很宽的产品组合图放进手机上的较高区域，左右商品可能超出显示范围。此时团队需要决定：保留整张组合图并接受留白，调整区域高度，还是重新准备适合窄屏的构图。这里是设计取舍，不存在所有页面都适用的唯一图片尺寸。
用焦点保护主体，但不要要求它保留整张图
在支持的主题中，焦点可以帮助保留图片的关键区域；第三方主题应先核对文档和实际效果。官方还说明，同一图片用于多个位置时会共用其焦点设置，因此调整后要检查其他引用位置。
若一张图的两端都包含不可缺少的信息，仅移动焦点未必能同时保留两端。可以改构图或选更合适的区块。主题若提供独立移动端图片入口，可分别准备素材；没有该能力时，应先评估实现范围，不要向运营承诺一定存在这个选项。
把文字与购买入口放在可编辑内容中
品牌标语、价格和按钮如果已经烘焙进图片，裁切时可能一起消失。关键文案优先使用页面的文字和链接模块，再检查与背景的对比和位置。商品本身带有的包装文字则需按真实展示需求保留，不能用虚构包装替代。
素材交付可以写明主视觉的安全区域、不能裁掉的主体、允许留白的位置，以及哪些文案由页面编辑器维护。这样摄影、设计和开发可以针对同一个目标验收。
验收时同时看列表、详情和横幅
- 用横图、竖图和方图各选一个真实样本，检查实际使用位置。
- 在手机竖屏、平板和桌面检查主体是否完整、是否变形。
- 确认文字与按钮没有遮住关键商品细节。
- 复核同一素材在集合卡片、详情页及横幅中的不同裁切。
- 修改焦点或区块设置后，再检查所有受影响页面。
验收记录应包含视口、素材名、区块设置和截图。若只能在某一个屏幕宽度看起来正常，还不能认为响应式展示已经完成。
采购主题前，用自己的素材预览
Onwook STUDIO 主题面向家居、护肤与生活方式品牌。可以用真实商品图评估其品牌展示定位，并逐项核对所需区块的裁切与移动端能力；不要仅凭演示素材判断自己的长瓶、家具或组合图一定合适。
现有设置无法满足要求时，可通过Shopify 开发服务检查页面实施，再用主题开发服务评估专用区块。报价中应说明覆盖哪些页面和设备，而不是只约定“图片优化”。
联系 Onwook，评估图片与主题适配。请准备网页地址、获准使用的原图、手机截图和必须保留的画面区域。
资料核验：2026 年 9 月 30 日。本文不承诺某一种构图或主题设置能提高转化率。
