你是不是也遇到过这种事：电商详情页设计得挺满意，传到店铺后台，要么两侧被裁掉一块，要么被压得模糊不清，运营扫一眼只回一句——重做。
问题十有八九出在第一步：画布建错了。电商详情页尺寸是多少，看着是个小问题，其实四个平台的答案都不一样（宽度差了两百多像素）。今天把淘宝、京东、拼多多、抖音小店的口径摆成一张表，再讲清 PS 里怎么建画布、怎么导出，你照着做一次就能存对。
一、电商详情页尺寸是多少？四平台先对照再动手
先说结论：详情页没有全国统一尺寸，每个平台宽度不同（高度一般不限，但单屏太高会被折叠）。建画布之前，你先按店铺所在平台对号入座：
| 平台 | 详情页宽度 | 单屏高度建议 | 备注 |
|---|---|---|---|
| 淘宝/天猫 | 750px（天猫常见 790px） | ≤1500px | 长图类目可放宽 |
| 京东 | 990px | ≤1500px | 最宽的一个，素材要单独做一版 |
| 拼多多 | 750px | ≤1200px | 单屏更矮，信息要拆得更碎 |
| 抖音小店 | 750px | ≤1500px | 移动端为主，字号要比PC稿大一号 |
这张表是各平台商家后台常年通用的口径（平台规则会微调，上传前以后台最新提示为准）。看表就明白一件事：同一套图想通吃四个平台是不可能的，至少京东你得单独出一版宽图。
1. 为什么宽度差这么多
这个问题背后，其实是各家 App 的屏幕逻辑不同（淘宝按手机屏宽适配，京东沿用 PC 时代的老宽度）。你不需要记原因，只要记住：先定平台，再建画布，顺序反了必返工。
二、电商详情页画布怎么建：尺寸、单位、分辨率三件套
尺寸表有了，接下来在 PS 里把画布建对。这一步新手最容易错的是单位，不是数字。
2. 新建画布的 3 个关键设置
① 走【文件】→【新建】，宽度填平台对应的像素值（比如淘宝店填 750 像素），高度先填 3000~5000 像素（后面随时能加长）。
② 把单位确认成【像素】，别用厘米——有人按厘米建过画布，导出来直接糊成一片。
③ 分辨率填 72 像素/英寸就够了（详情页只在屏幕上看），填 300 只会让文件变大、上传更慢。
颜色模式选 RGB，背景内容随意（正式作图前反正要铺底色）。这三项设完，画布就建对了九成。
说到分辨率，我顺便想起一件事：去年有个客户非要把详情页分辨率拉满说「显得高清」，结果一张长图十几兆，店铺后台传了三次都超时。算了，说回正题。
3. 做完怎么导出
① 用【切片工具】把长图按单屏高度切开（高度参考上表，按你平台那一行来）。
② 走【文件】→【导出】→【存储为 Web 所用格式】，格式选 JPEG。
③ 单张体积压到 300KB 以内，不然手机端加载慢，跳出率会很难看。
提醒：单张体积宁可小一点也别超（手机用户没耐心等加载），切片时顺手把首屏那张压得再小一些，你打开详情页的速度第一眼就决定留不留人。
三、电商详情页素材发虚、尺寸改坏？插件能兜个底
PS 建画布不难，难的是实操里的两件事：一是店铺同时开好几个平台，尺寸换来换去，你一不小心就把图拉变形；二是历史素材分辨率不够，硬拉到平台宽度就发虚。这两点恰怡是 PS 原生不太好救的——变形了就得重排，分辨率低只能靠重画补。
这个时候，就可以借助 StartAI 插件来兜底：它装在 PS 里，【无损放大】能把分辨率不够的素材图放大补清细节，【GPT生图】可以按平台尺寸直接生成缺的那屏配图，你就不用手动改来改去了。
① 装好插件后重启 PS，在顶部菜单栏【帮助】→【关于增效工具】里打开 StartAI 面板。
② 素材发虚就选中图层，点【无损放大】，倍率选 2 倍（够到 750px 宽度就行，别贪 4 倍）。
③ 缺配图就直接在【GPT生图】里写需求，生成结果自动进 PS 新图层，尺寸不够再放大一次。
新手第一次用，建议先拿一张被压糊的旧素材试【无损放大】（效果一眼就能看出来），别一上来就挑战整页重排；你要一次救多张，就先用单张把流程跑熟。
| 对比维度 | PS原生方法 | StartAI插件 |
|---|---|---|
| 救变形素材 | 图层重排，动辄半小时 | 缺的部分重新生成补上 |
| 救低清素材 | 基本无解，只能重找 | 无损放大 2~4 倍补细节 |
| 补一屏配图 | 翻素材库逐个改尺寸 | 一句话生成，自动进 PS |
| 学习成本 | 要懂图层和分辨率 | 会点按钮就能用 |
真正省时间的不是记住尺寸表，而是把「建错」这件事变成「可救」。
立即体验 StartAI 插件：点我获取StartAI插件；
邀请码：BRJgZF（注册填写立领100积分，尺寸改坏救得回，缺屏配图一句话生成！）
四、电商详情页尺寸的 2 个新手必踩坑，踩中一个就返工
4. 单位用厘米当像素
最常见的错。用厘米当单位建出来的画布，导出来整个版面比例全变（数值看着差不多，实际差得远）。新建画布时先看一眼单位下拉框，是【像素】再往下走。
5. 一张长图不切片直接传
三屏内容拼成一整张传，后台会自动折叠甚至压缩失真。按单屏高度切片、逐片上传，既保清晰度，运营改顺序也方便，新手照做不出错。
这两个坑的共同点：不是审美问题，是流程问题。建画布前把平台、单位、切片三件事在纸上打钩，返工率立刻掉下去。
五、总结：电商详情页尺寸，先定平台再建画布
电商详情页尺寸是多少？答案就一句话：淘宝拼多多抖音 750px，京东 990px，单屏高度 1200~1500px 之间，导出前切片压到 300KB 以内。真正拉开差距的不是记住数字，而是先定平台再动手。
这套尺寸表我建议你直接存成 PS 的「新建文档预设」（保存一次，以后一键调用），或者收藏这篇文章，下次建画布前翻出来对一眼。
你们店铺主做哪个平台？有没有遇到过上传被裁边的经历？欢迎在评论区交流～
立即使用 StartAI 插件：点我获取StartAI插件；
邀请码：BRJgZF（注册填写立领100积分，尺寸表存好，配图和放大交给插件兜底！）
