商品详情页尺寸、屏数与模块顺序
详情页不是越长越好。宽度跟着平台走，高度跟着内容走，每一屏回答买家的一个问题。这篇讲清楚尺寸、屏数和模块怎样安排。
要点速览
- 宽度常用 750 px（手机端），天猫 PC 端常用 790 px，同一套详情页保持等宽。
- 不必拼成一整张长图：按内容分屏，单屏常用 1:1 到 9:16 之间的竖版比例。
- 一件商品通常 6–10 屏就能讲清，参数少的商品不必凑屏数。
- 模块顺序按购买决策排列：第一印象 → 核心卖点 → 使用场景 → 细节 → 规格与售后。
各平台详情页宽度
| 平台 | 常用宽度 |
|---|---|
| 淘宝 / 天猫 | 手机端常用 750 px，天猫 PC 端常用 790 px |
| 京东 | 手机端常用 750 px |
| 拼多多 | 不低于 480 px，常用 750 px |
| 抖店 | 常用 750 px |
| 小红书 | 常用 750 px 以上 |
多数商家先做 750 px 版本，需要天猫 PC 端时再输出 790 px。同一套详情页的每一屏宽度必须一致，否则拼接后会出现白边或错位。
以上为平台后台上传提示与公开说明中的常见要求，部分类目和活动另有规定，平台也会调整规则。上传前请以店铺后台当时的提示为准。
单屏比例怎么选
| 比例 | 适合的内容 |
|---|---|
| 1:1 方形 | 单个卖点、细节特写、图标式卖点总览 |
| 3:4 竖版 | 卖点详解、使用场景，图文比例均衡 |
| 2:3 竖版 | 使用步骤、成分说明等信息较多的屏 |
| 9:16 长竖版 | 规格参数表、对比表、完整的使用流程 |
按信息量选择比例：内容少的屏用方形，避免大片留白；内容多的屏用长竖版，避免文字挤在一起。单张切图过高会影响加载，信息特别多时宁可拆成两屏。
详情页做几屏合适
常见的详情页在 6–10 屏之间。客单价高、参数复杂的商品（如家电、数码）需要更多屏讲清规格和对比；日用品和快消品买家决策快，6 屏左右讲清卖点、场景和规格即可。
判断标准不是屏数，而是每一屏有没有回答一个买家真实关心的问题。同一个卖点换个说法再讲一遍，只会让买家更快离开。
模块顺序参考
大多数商品可以按下面的顺序组织，再根据品类增减模块：
- 首屏主图商品主视觉和核心卖点，建立第一印象。
- 痛点引入买家遇到的具体问题，引出商品的价值。
- 卖点总览用一屏概括三到四个主要卖点。
- 卖点详解每屏讲透一个卖点，给出依据。
- 使用场景展示真实使用环境和使用效果。
- 细节特写材质、做工、结构等近距离细节。
- 规格参数尺寸、重量、容量等参数，以及包装清单。
- 品牌承诺质保、售后等真实的服务说明。
| 品类 | 建议增加 |
|---|---|
| 美妆护肤 | 成分材质、使用方法；功效需要有检测依据 |
| 小家电、数码 | 工艺原理、对比优势、款式规格 |
| 食品 | 成分材质、使用方法；不宣称治疗功效 |
| 服饰鞋包 | 细节特写、款式规格、常见问题 |
一套由 一画 AI 生成的完整商品详情页，按原始顺序排列，可以对照各屏的模块任务与画面比例。查看完整案例
切图与上传注意事项
- 每屏单独导出，统一宽度后按顺序上传，方便以后单独替换某一屏。
- 文字不要贴近图片边缘，屏与屏之间的接缝处不要放关键信息。
- 照片类图片导出 JPG 并适当压缩，控制在后台允许的单张大小以内。
- 上传后在手机上从头到尾看一遍，检查顺序、清晰度和文字是否可读。
用 一画 AI 生成整套详情页
商品详情页先由 AI 根据商品资料规划整页：你选择内容模块与屏数（4–12 屏），AI 安排阅读顺序、每屏文案与画面，并按内容在 1:1、3:4、2:3、9:16 中选择每屏比例。交付的是按顺序排列的多张模块图，可以分别下载；上传前请统一缩放到店铺要求的宽度。
常见问题
详情页要做成一整张长图吗？
不需要。分屏切图上传加载更快，也方便单独修改某一屏。多数平台的详情页编辑器都支持按顺序上传多张图片。
详情页高度有限制吗？
总高度一般不限，但单张图片的高度和文件大小有上限，具体以店铺后台上传时的提示为准。单屏过高时建议拆分。
750 和 790 宽度要分别做两套吗？
不一定。多数商家只做 750 px 手机端版本；需要天猫 PC 端单独装修时，再等比输出 790 px 版本。