电商详情页尺寸避坑:我拿3家店翻车,AI出图当天上新

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

电商详情页尺寸避坑:我拿3家店翻车,AI出图当天上新

我带过一个做女装的学员,裁了整整一版详情页,结果上传淘宝后台直接提示「图片宽度不足 750px,建议重新上传」——她当场心态崩了。

这账我给她拆开算:切图切了 6 个小时,外包补一版又要 80 块,还等三天。就一个尺寸没搞对,全白干。

今天我把电商详情页尺寸这摊子事一次说透,再给你一条 AI 出图当天上新的链路,参数我直接写清楚。

AI 配图

先别急着做图,尺寸这些坑我替你蹚平

做详情页最怕的不是不会设计,是图做完了才发现尺寸不对。我拿 3 家店翻车案例说事:

第一家做淘宝女装,详情页宽度用了 750px,高度拉到 12000px。上传之后,手机端打开,文字小得跟蚂蚁一样。原因很简单:淘宝详情页是自适应宽度,但高度太长了,系统压缩之后文字全糊。

第二家做拼多多百货,直接拿淘宝的图去用,结果拼多多要求主图 1:1,详情页宽度 750px 但高度建议不超过 20000px。她没改,图被裁掉一截,卖点全没了。

第三家做抖音小店,详情页按传统电商做成长图,结果抖音详情页是上下滑动的,长图加载慢,用户根本等不了。

这三家店最后怎么救的?都是重新按平台尺寸出图,用 AI 模板套一遍,当天重新上架。

各平台尺寸参数,一张表照着填

我把主流平台的详情页尺寸整理成表,你直接对着填,别再去百度翻半天:

平台详情页宽度建议高度备注
淘宝/天猫750px单张不超过 15000px高度过长会被压缩
拼多多750px不超过 20000px主图必须 1:1
抖音小店750px单张不超过 8000px建议分多张上传
小红书1242px1660px(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 模板出图,尺寸自动适配,剩下的就是挑模板、改文案。

别等设计排期了,这活 AI 几分钟就干完。省下的时间,去多上几个 SKU,比什么都强。

标签电商详情页尺寸商品详情页尺寸详情页尺寸商品详情页设计图