淘宝详情页尺寸规范与制作要点
淘宝详情页的通行规格：PC 端宽度通常按 790px 设计，无线端（手机）详情页宽度通常按 750px 设计，主图推荐 800×800 及以上以支持放大镜功能。具体以发布页面的实际提示为准——平台规格偶有调整，发布页的提示永远是第一依据。
详情页做错尺寸的后果很具体：宽度超了被压缩、文字糊掉；主图小于标准，搜索列表里没有放大镜；图片体积太大，买家在手机上加载半天直接划走。这篇把尺寸规范和做图要点一次说清。
三个核心尺寸
| 位置 | 通行规格 | 说明 |
|---|
| PC 端详情页宽度 | 790px | 超出部分会被裁切或压缩，按 790px 画板设计 |
| 无线端详情页宽度 | 750px | 手机端详情页按 750px 宽设计，等比伸缩 |
| 主图尺寸 | 800×800px 及以上 | 达到一定像素才支持放大镜功能，推荐用足 800×800；更高清可用 1200×1200，详见主图 800 还是 1200 专文 |
以上为电商设计通行规格，发布页面如有新提示，以发布页面为准。高度不设硬性上限，但建议整页分段导出，避免单张超长图。
图片格式与体积注意事项
- 格式：商品图常用 JPG（照片类，体积小）和 PNG（文字图形类，清晰不毛边）；
- 体积：单张图体积过大时手机端加载慢、跳出率高，导出时适当压缩，具体单张大小上限以发布页面提示为准；
- 清晰度：压缩后检查文字是否可读——详情页里的卖点文字糊了等于白写；
- 首屏优先：无线端用户前几屏决定去留，把最有说服力的内容放最前面。
详情页内容的推荐排版顺序
- 首屏海报：一张图说清「这是什么、核心卖点是什么」；
- 痛点或场景：让买家对上号——这是不是我要解决的问题；
- 细节展示：材质、做工、尺寸细节实拍，越具体越可信；
- 规格参数表：尺寸、重量、材质清单，减少售前咨询和到手纠纷；
- 资质与保障：检测报告、质检标识、售后承诺（有真实文件的才放）；
- 常见问题与售后：退换规则、使用注意。
排版层面的更多规范（文字区、留白、图片数量）见详情页排列规范与详情页文字规范。
做详情页的 4 个省时方法
- 建一套自己的模板：按 750px 宽做一套分段模板，每个新品只换图和文案，版式不动；
- 一稿两用：先做无线端（流量大头），PC 端用同一素材按 790px 微调；
- 参数表组件化：规格参数做成固定样式的表格图，每次只改数值；
- 发布前手机预览：无线端预览里重点看首屏和文字清晰度，手机上不合格就回炉。
详情页里的合规红线
尺寸做对只是及格线，内容合规才是不出事的关键。详情页三大高危区：
- 文案表述：绝对化用语、虚假功效承诺——详情页文字是违规词检测的重灾区，自查方法见描述违规词专文；
- 图片内嵌文字：极限词最常藏在海报大字里，逐张检查；商品量大时用桌面扫描工具全店过一遍；
- 盗图：供应商给的图要先确认授权范围，拼凑他人详情页素材是盗图投诉高发来源。
常见问题速答
详情页图片数量、视频要求等发布侧细节，本站在详情页图片要求专文与商品视频要求专文里有展开，这里不重复。一句话总结尺寸这件事：750 和 790 两个宽度画板建好，主图 800×800 起步，发布页提示永远优先。
不同商品类型的详情页适配差异
750px / 790px 是画板层面的通行宽度，但不同商品类型在详情页的表达重点差异很大，套同一个模板往往效果平平。按类目特点做适配：
- 服饰鞋包类：买家要看的是上身效果和细节质感。详情页以多角度实拍为主，尺码表做成清晰的表格图放中段（退货纠纷一大半源于尺码信息不清），面料细节给微距图；
- 家电数码类：参数是决策核心。规格参数表完整、接口/兼容性说明明确、和同类商品的对比图（真实对比，不贬损同行）效果好；
- 食品类：生产许可、配料表、保质期等信息图必须清晰——这既是信任建设也是资质合规的一部分，模糊处理反而引发怀疑；
- 家居日用类：场景图比产品图重要，尺寸感知是最大痛点——用「放在沙发旁」「铺在床上」这类参照物图表达大小，比纯数字尺寸直观得多。
改版频率与详情页维护
详情页不是做完一次就终身免维护的。需要回头更新详情页的常见时机：
- 平台规格调整：发布页面提示的规格有变化的，按新规格重做，旧尺寸图可能被压缩变形；
- 卖点更新：商品获得新的检测报告、销量里程碑、材质升级等信息，及时补进详情页；
- 差评暴露信息缺口：差评里反复出现的疑问（尺寸不符、材质误解）说明详情页没讲清，把对应说明补到显眼位置；
- 合规自查后的整改：违禁词排查发现详情页有风险表述的，改文字的同时注意替换的是整张图还是文字层——详情页文字多烧在图片里，改起来要重新导图。
一个务实的维护习惯：每次改详情页只动需要动的段落，整页重做浪费时间还容易引入新问题。分段导出的价值在这里也体现出来——单段替换，快且稳。
压缩导出的实操参数思路
详情页图片的质量问题，八成出在导出环节。设计稿是清晰的，一导出传上去就糊。按这个思路调：
- 导出品质选高、靠尺寸控体积：同样一张图，低品质导出和高品质导出在目标体积差不多时，优先高品质——压缩痕迹（色块、毛边）主要来自品质压缩而非尺寸；
- 文字图层单独检查：压缩后逐张放大看文字边缘，海报大字和参数表格文字是最容易糊的两类，糊了就提高该图品质重导；
- 切片分段代替整页单图：整页长图压缩率被最复杂的段落拖累，切片导出让文字段用高品质、实拍段适度压缩，总体积反而更小；
- 上传后再看一遍：平台上传后可能有二次压缩，最后一步永远是发布前在预览里看真实显示效果，别只看本地文件。
这套流程跑熟之后，详情页质量稳定在一个可预期的水准：尺寸对、文字清、加载快。剩下的就是把文案和图片的合规表述查干净——描述文字自查见描述违规词专文，上架前用桌面工具过一遍图内文字，详情页这条线就算完整了。
常见问题
Q：淘宝详情页宽度是多少？
A：通行规格：PC 端 790px，无线端 750px。以发布页面的实际提示为准，平台规格偶有调整。
Q：详情页高度有限制吗？
A：一般无硬性上限，但建议整页分段导出成多张图，避免单张超长图加载慢、文字糊。
Q：主图必须 800×800 吗？
A：800×800 及以上可支持放大镜功能，是通行推荐值。更高分辨率可提升放大观感，具体要求以发布页提示为准。
Q：详情页用什么图片格式好？
A：照片类用 JPG（体积小），文字图形类用 PNG（清晰）。导出后检查压缩后文字是否可读。
Q：详情页图片一张最多多大？
A：单张体积上限以发布页面提示为准。实操上建议控制体积保证手机端加载速度，加载慢直接流失买家。
参考来源
相关阅读