刃图 FrameLab
首页
图片裁剪 分割线 · 框选 · 曲线 · 批量导出 图片压缩 WASM 本地并行 · 文件零上传 图片改尺寸 按宽/高/百分比 · 平台预设 图片拼接长图 多图竖/横合成 · 实时预览 图片加水印 文字水印 · 平铺防盗 边框 / 圆角 圆角头像 · 白边相框 图片取色色卡 提取主色 · 取色笔 图片格式转换 WebP / AVIF / HEIC 互转 · ZIP EXIF 查看清除 元数据全览 · 无损去 GPS 抠图去背景 色键抠图 · 透明 PNG 截图美化 渐变背景 · 标题栏窗口
开始裁剪
首页

工具

图片裁剪 图片压缩 图片改尺寸 图片拼接长图 图片加水印 边框 / 圆角 图片取色色卡 图片格式转换 EXIF 查看清除 抠图去背景 截图美化 使用指南 关于 使用须知 开始裁剪
首页 / 使用指南 / 平台规范

平台规范

电商主图尺寸规范:淘宝、京东、拼多多、抖音小店对照表

发布于:2026-06-20 · 最后更新:2026-09-14 · 约 8 分钟阅读 · 刃图 FrameLab

电商主图是转化率的第一道闸门。用户可以不看详情页,但一定会看主图 —— 主图不合格,后面所有功夫都白费。

各大平台对主图的要求并不统一,而且规则会变。这篇汇总淘宝、京东、拼多多、抖音小店四个主流平台的主图尺寸规范,以及白底图、放大镜功能、体积上限这些容易踩坑的细节。

一、先理解主图在三个位置的显示差异

同一张主图会至少出现在三个地方,尺寸逻辑不同:

  • 搜索结果列表:小方块,用户快速扫过。这里比的是辨识度和主体占比
  • 商品详情页顶部:大图,可放大查看。这里比的是清晰度和细节
  • 推荐流 / 广告位:尺寸不固定,可能被裁切。这里要求关键信息在安全区内

所以主图设计的核心矛盾是:小尺寸时要有辨识度,大尺寸时要有细节。这直接决定了下面的像素要求。

二、四大平台主图尺寸对照

平台位置比例推荐像素体积上限
淘宝 / 天猫主图1:1800 × 800(建议 1200 × 1200)≤ 3 MB
淘宝 / 天猫详情图不限宽 750–1200单图 ≤ 3 MB
京东主图1:1800 × 800(建议 1200 × 1200)≤ 3 MB
京东详情图不限宽 750–1200≤ 3 MB
拼多多主图1:1750 × 750(建议 1000 × 1000)≤ 1 MB
拼多多详情图不限宽 480–1200≤ 1 MB
抖音小店主图1:1800 × 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. 第 1 张:纯产品白底图 / 核心展示,保证通过审核并触发放大镜
  2. 第 2 张:核心卖点 + 简短文字
  3. 第 3 张:使用场景图(模特、家居环境)
  4. 第 4 张:细节特写(材质、做工、工艺)
  5. 第 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 独立撰写的原创内容。文中提及的各平台名称与商标归各自权利人所有,本站与相关平台无关联,亦未获得其官方背书。

← 公众号配图尺寸指南:头图、次条、正文图与竖版封面 PNG、JPG、WebP、AVIF 怎么选?格式选择完全指南 →

广告

本文目录

  1. 一、先理解主图在三个位置的显示差异
  2. 二、四大平台主图尺寸对照
  3. 三、为什么「建议像素」比「最低要求」更高
  4. 四、白底图:最容易被驳回的一项
  5. 五、主图设计:尺寸之外的四条经验
  6. 六、体积优化:清晰与加载速度的平衡
  7. 七、批量处理多 SKU 图片
  8. 八、上架前自查清单

动手试试

文中提到的尺寸调整与切图操作,都可以直接在浏览器里完成,图片不上传服务器。

打开在线裁剪工具

相关指南

  • 小红书图片尺寸全攻略(2026):封面、长图与九宫格
  • 公众号配图尺寸指南:头图、次条、正文图与竖版封面
  • 抖音与短视频封面尺寸指南:9:16、3:4 与图集对照
  • Instagram 图片尺寸指南:Feed、Story、Reels 与轮播
刃图 FrameLab
图片裁剪 图片压缩 改尺寸 图片拼接 加水印 边框圆角 取色色卡 格式转换 EXIF 清除 抠图去背景 截图美化
关于 联系 邮箱 隐私政策 使用条款

© 2026 刃图 FrameLab · 广告与 Cookie 说明

Cookie 与广告偏好

我们使用必要 Cookie 保障网站正常运行;在您同意后,还可能使用 Google AdSense 等第三方 Cookie 展示个性化广告并衡量广告效果。您的图片始终在浏览器本地处理,不会上传至服务器。详情请阅读 隐私政策。