电商图片
如何调整并分割商品详情长图
更新日期: 2026-09-22
先将详情图调整到目标宽度,再分割成有序片段。避免切断文字、人脸、表格或商品部件,上传后检查完整的手机阅读流程。
使用工具: 详情页图片分割要点
- 选择分段高度前先调整宽度。
- 尽量按内容区块分割,而不是任意像素间隔。
- 文件名按上传顺序编号。
- 上传后检查接缝和缺失部分。
为什么先调整尺寸
先分割原图再缩放可能造成尺寸不一致,也更难检查上传顺序。统一最终宽度可让所有片段对齐。
选择安全的分割位置
固定高度很方便,但切断句子或商品照片会产生明显断裂。请检查结果,边界落在重要内容上时应调整。
- 不要切断小字
- 保留前后对比示例的完整性
- 不要将价格与适用条件分开
- 保持编号步骤的完整分组
推荐流程
保留原图,导出最终宽度,分割成编号文件,压缩各片段,最后从上到下预览上传后的页面。
| 步骤 | 任务 | 输出 |
|---|---|---|
| 1 | 调整宽度 | 统一画布 |
| 2 | 分割内容 | 有序图片文件 |
| 3 | 压缩 | 符合上传要求的大小 |
| 4 | 预览 | 已检查的阅读顺序 |