电商主图是转化率的第一道闸门。用户可以不看详情页,但一定会看主图 —— 主图不合格,后面所有功夫都白费。
各大平台对主图的要求并不统一,而且规则会变。这篇汇总淘宝、京东、拼多多、抖音小店四个主流平台的主图尺寸规范,以及白底图、放大镜功能、体积上限这些容易踩坑的细节。
一、先理解主图在三个位置的显示差异
同一张主图会至少出现在三个地方,尺寸逻辑不同:
- 搜索结果列表:小方块,用户快速扫过。这里比的是辨识度和主体占比
- 商品详情页顶部:大图,可放大查看。这里比的是清晰度和细节
- 推荐流 / 广告位:尺寸不固定,可能被裁切。这里要求关键信息在安全区内
所以主图设计的核心矛盾是:小尺寸时要有辨识度,大尺寸时要有细节。这直接决定了下面的像素要求。
二、四大平台主图尺寸对照
| 平台 | 位置 | 比例 | 推荐像素 | 体积上限 |
|---|---|---|---|---|
| 淘宝 / 天猫 | 主图 | 1:1 | 800 × 800(建议 1200 × 1200) | ≤ 3 MB |
| 淘宝 / 天猫 | 详情图 | 不限 | 宽 750–1200 | 单图 ≤ 3 MB |
| 京东 | 主图 | 1:1 | 800 × 800(建议 1200 × 1200) | ≤ 3 MB |
| 京东 | 详情图 | 不限 | 宽 750–1200 | ≤ 3 MB |
| 拼多多 | 主图 | 1:1 | 750 × 750(建议 1000 × 1000) | ≤ 1 MB |
| 拼多多 | 详情图 | 不限 | 宽 480–1200 | ≤ 1 MB |
| 抖音小店 | 主图 | 1:1 | 800 × 800(建议 1200 × 1200) | ≤ 5 MB |
| 抖音小店 | 详情图 | 不限 | 宽 750–1200 | ≤ 5 MB |
注意:以上是通用建议值,平台规则会调整,上架前请以商家后台的当前要求为准。
三、为什么「建议像素」比「最低要求」更高
淘宝要求主图至少 800 × 800,但建议做 1200 × 1200。原因有两个:
1. 放大镜功能
当主图短边 ≥ 800 px 时,搜索结果和详情页会启用鼠标悬停放大(放大镜)功能。这是提升转化的重要交互,缺了它用户看不清材质和做工细节。
- 800 × 800 是触发门槛,不是推荐值
- 1200 × 1200 能保证放大后依然清晰,且适配高 DPI 屏幕
2. 高 DPI 屏幕
现在大量用户使用 2× 或 3× 的手机屏幕。800 px 的图在 2× 屏上被拉伸渲染,实际清晰度只有一半。做 1200 px 是性价比最高的平衡点 —— 再大就拖慢加载,边际收益递减。
四、白底图:最容易被驳回的一项
白底图(主体 + 纯白背景,无文字、无水印、无边框)在很多类目是强制要求,也是活动报名的门槛。
白底图的硬性要求
- 背景纯白:RGB 值 255,255,255,不能是米白或灰白
- 主体完整:不能被裁切,不能贴边,四周留白均匀
- 主体占比:一般要求主体占画面 70%–80%,太小显得空,太大容易贴边
- 无干扰元素:不能有文字、水印、logo、阴影、模特(部分类目)、边框
- 格式:通常要求 JPG,纯白背景用 JPG 即可(不需要透明通道)
白底图常见驳回原因
- 背景不是纯白(最常见)—— 拍摄时的灰底、渐变底都会被判不合格
- 主体贴边或超出画布
- 画面里有反光、阴影过重
- 图片边缘有上一版的残留水印
怎么快速做出合格的白底图
如果只有拍摄图没有白底,处理路径通常是:抠图 → 换纯白背景 → 缩放到 1:1 → 调整主体占比 → 导出 JPG。抠图部分各平台商家后台现在都有 AI 一键抠图工具,比手动快很多。
五、主图设计:尺寸之外的四条经验
1. 主体占比要大
搜索结果里主图只有指甲盖大小,主体占 50% 和占 85% 是完全不同的辨识度。主体尽量撑满画面,留白控制在 10%–20%。
2. 文字要克制
主图上加促销文字能提升点击,但过量会有两个风险:
- 部分类目和平台会判定为「牛皮癣」主图,降低搜索权重甚至下架
- 小尺寸展示时文字糊成一团,反而不如纯产品图
建议:主图第 1 张放纯产品(白底或场景),促销信息放第 2 张以后。
3. 五张主图各有分工
主流平台通常允许 5 张主图,建议这样分配:
- 第 1 张:纯产品白底图 / 核心展示,保证通过审核并触发放大镜
- 第 2 张:核心卖点 + 简短文字
- 第 3 张:使用场景图(模特、家居环境)
- 第 4 张:细节特写(材质、做工、工艺)
- 第 5 张:尺寸参数图 / 对比图 / 包装清单
4. 详情图的宽度要统一
详情页图片宽度建议统一(常见 750 或 790 px),高度不限。宽度混用会导致页面左右跳动,体验很差。
六、体积优化:清晰与加载速度的平衡
电商页面图片多,总加载量直接影响跳出率。优化原则:
- JPG 质量 80–85 是甜点区。再高质量体积翻倍,肉眼几乎看不出差别
- 纯色块、文字图用 PNG。JPG 压缩会在文字边缘产生明显噪点
- 能用 WebP 就用 WebP。同等画质下体积比 JPG 小 25%–35%,主流平台均已支持
- 不要直接上传单反原图。6000 px 的图毫无必要,先缩到 1200 px
格式选择的完整决策逻辑见PNG、JPG、WebP、AVIF 怎么选。
七、批量处理多 SKU 图片
电商最耗时的往往不是设计,而是把同一套参数套到几十上百张图上:统一裁成 1:1、统一缩放到 1200 px、统一加白底、统一导出。
批量处理的关键是先把所有图的比例统一,再套用参数。如果原图有横有竖,直接批量裁 1:1 会导致构图错位。
- 建议单批次不超过 12 张,避免浏览器内存压力
- 单张不超过 30 MB、单边不超过 8192 px
- 导出用 ZIP 打包,文件名保留 SKU 前缀便于归档
像刃图 FrameLab 这类本地处理工具的好处是:新品未上架的图不会上传到任何第三方服务器,避免款式提前泄露。
八、上架前自查清单
- 主图为 1:1,短边 ≥ 800 px(建议 1200 px)
- 单图体积符合目标平台上限(拼多多最严格 ≤ 1 MB)
- 白底图背景为纯白 RGB(255,255,255),主体占比 70%–80%
- 白底图无文字、水印、边框、重阴影
- 第 1 张主图为纯产品,促销文字放在第 2 张之后
- 主图数量 ≥ 3 张,角色分工明确
- 详情图宽度统一
- JPG 质量 80–85,或改用 WebP
- 已按商家后台当前规则复核(规则会变动)
本指南为刃图 FrameLab 独立撰写的原创内容。文中提及的各平台名称与商标归各自权利人所有,本站与相关平台无关联,亦未获得其官方背书。
广告