电商详情页尺寸避坑:我拿3家店翻车,AI出图当天上新
详情页尺寸填错,做的图全废。我拿3家店的翻车案例说清淘宝、拼多多、抖音、小红书各平台尺寸,再给一套AI出图当天上新的实操链路:传图选模板,AI按尺寸自动生成,下载即用,不用再等设计排期。

我带过一个做女装的学员,裁了整整一版详情页,结果上传淘宝后台直接提示「图片宽度不足 750px,建议重新上传」——她当场心态崩了。
这账我给她拆开算:切图切了 6 个小时,外包补一版又要 80 块,还等三天。就一个尺寸没搞对,全白干。
今天我把电商详情页尺寸这摊子事一次说透,再给你一条 AI 出图当天上新的链路,参数我直接写清楚。

先别急着做图,尺寸这些坑我替你蹚平
做详情页最怕的不是不会设计,是图做完了才发现尺寸不对。我拿 3 家店翻车案例说事:
第一家做淘宝女装,详情页宽度用了 750px,高度拉到 12000px。上传之后,手机端打开,文字小得跟蚂蚁一样。原因很简单:淘宝详情页是自适应宽度,但高度太长了,系统压缩之后文字全糊。
第二家做拼多多百货,直接拿淘宝的图去用,结果拼多多要求主图 1:1,详情页宽度 750px 但高度建议不超过 20000px。她没改,图被裁掉一截,卖点全没了。
第三家做抖音小店,详情页按传统电商做成长图,结果抖音详情页是上下滑动的,长图加载慢,用户根本等不了。
这三家店最后怎么救的?都是重新按平台尺寸出图,用 AI 模板套一遍,当天重新上架。
各平台尺寸参数,一张表照着填
我把主流平台的详情页尺寸整理成表,你直接对着填,别再去百度翻半天:
| 平台 | 详情页宽度 | 建议高度 | 备注 |
|---|---|---|---|
| 淘宝/天猫 | 750px | 单张不超过 15000px | 高度过长会被压缩 |
| 拼多多 | 750px | 不超过 20000px | 主图必须 1:1 |
| 抖音小店 | 750px | 单张不超过 8000px | 建议分多张上传 |
| 小红书 | 1242px | 1660px(3:4) | 封面图为主 |
| 跨境独立站 | 800-1200px | 无严格限制 | 建议控制在 5 屏内 |
注意:淘宝和拼多多的详情页虽然宽度都是 750px,但淘宝对高度压缩更狠,超过 15000px 的部分在手机端基本看不清。抖音小店建议切成多张 3:4 或 1:1 的图,别做整条长图。
AI 出图当天上新:传图选模板,尺寸自动适配
尺寸搞明白了,接下来是出图。我之前写过一篇详情页尺寸到底填多少?各平台参数一张表说清,里面把参数讲得很细。今天直接上操作链路:
第一步:上传商品图。把白底图或实拍图传上去,AI 会自动抠图,不需要你手动去背景。
第二步:选详情页模板。平台里详情页模板按类目分好了,女装、食品、数码、美妆都有。选一个跟你类目接近的,别选太花哨的,详情页重点是卖点清晰。
第三步:填尺寸。在生成设置里选平台,淘宝就选 750px 宽度,AI 会自动按平台要求控制高度。这一步最关键,选错平台,图就白出了。
第四步:生成下载。一张详情页成本 5 毛钱,出 5 版也就 2 块 5。下载之后直接上传后台,不用再改尺寸。
别人容易忽略的细节:下载前一定检查一遍文字清晰度,AI 生成的长图在手机端看可能偏小,建议把核心卖点文字放大到 28px 以上。
我踩过的坑,你别再踩
做详情页这摊子事,我早期也翻过车。最惨的一次是帮一个做零食的客户出详情页,图做完了,客户说「怎么这么糊」,我一看,原来是导出的时候压缩率选太高,750px 宽度的图被压成了 60KB,文字全是锯齿。
后来我把导出设置改成 90% 质量,单张控制在 500KB 以内,既清晰又不影响加载速度。
还有一个坑:别拿主图直接当详情页用。主图是 800x800 的方图,详情页是长图,直接拉伸会变形。一定要重新生成,别图省事。
这条链路我现在还在用,一个详情页从上传到下载,快的话 3 分钟出第一版,当天上新完全来得及。

最后说句实在话
详情页尺寸这事,本质不是技术活,是细心活。你把平台参数记牢,用 AI 模板出图,尺寸自动适配,剩下的就是挑模板、改文案。
别等设计排期了,这活 AI 几分钟就干完。省下的时间,去多上几个 SKU,比什么都强。
