📌 核心摘要
做电商设计最烦的事:每个平台的图片尺寸要求都不一样,淘宝要800x800,拼多多要750x750,京东又不一样,直通车、钻展、视频封面各有各的尺寸。我整理了淘宝、天猫、京东、拼多多、抖音五个主流电商平台的所有图片尺寸规范,一张表搞定,不用反复查。
一、各平台主图尺寸速查
主图是买家搜索商品时第一眼看到的图片,尺寸搞错了直接影响展示效果。下面这张表把五个主流平台的主图尺寸列清楚了:
| 平台 | 主图尺寸 | 比例 | 文件大小限制 | 格式要求 |
|---|---|---|---|---|
| 淘宝/天猫 推荐 | 800 x 800 px | 1:1 正方形 | ≤ 500KB | JPG/PNG |
| 京东 | 800 x 800 px | 1:1 正方形 | ≤ 500KB | JPG/PNG |
| 拼多多 | 750 x 750 px | 1:1 正方形 | ≤ 1MB | JPG/PNG |
| 抖音小店 | 800 x 800 px | 1:1 正方形 | ≤ 5MB | JPG/PNG |
| 快手小店 | 800 x 800 px | 1:1 正方形 | ≤ 2MB | JPG/PNG |
💡 主图设计要点
- 所有平台都推荐1:1正方形,这是搜索结果页的默认展示比例
- 淘宝/天猫第五张主图必须是纯白底商品图(RGB 255,255,255),用于搜索结果的白底展示
- 主图上不要放太多文字,平台会判定为"牛皮癣图"降低搜索权重
- 图片分辨率72dpi就够用,太高只会让文件变大
二、详情页尺寸规范
详情页是买家点进商品后看到的长图,尺寸规范比主图更严格。
| 平台 | 详情页宽度 | 单张高度建议 | 总张数建议 | 文件大小限制 |
|---|---|---|---|---|
| 淘宝/天猫 | 750 px | ≤ 1500 px | 30-50张 | 单张 ≤ 3MB |
| 京东 | 750 px | ≤ 1500 px | 30-50张 | 单张 ≤ 3MB |
| 拼多多 | 750 px | ≤ 1200 px | 20-40张 | 单张 ≤ 3MB |
| 抖音小店 | 750 px | ≤ 1500 px | 30-50张 | 单张 ≤ 5MB |
几个容易踩的坑:
- 宽度必须是750px,不是800px。很多人把主图尺寸和详情页宽度搞混
- 单张高度太长(超过2000px)会导致加载变慢,手机端尤其明显
- 整个详情页图片太多(超过60张)也会拖慢加载速度,买家可能等不及就走了
- 图片总大小建议控制在3MB以内,用JPG格式、压缩质量80%左右
三、推广位图片尺寸
除了主图和详情页,各种推广位的图片尺寸也得记清楚:
| 推广位 | 平台 | 推荐尺寸 | 比例 |
|---|---|---|---|
| 直通车推广图 | 淘宝/天猫 | 800 x 800 px | 1:1 |
| 京东快车 | 京东 | 800 x 800 px | 1:1 |
| 拼多多场景推广 | 拼多多 | 600 x 600 或 750 x 750 px | 1:1 |
| 钻展/品销宝 | 淘宝/天猫 | 按活动要求,常见1200x628 | 视位置而定 |
| 抖音信息流 | 抖音 | 1080 x 1920 px | 9:16 竖版 |
| 商品视频封面 | 淘宝/抖音 | 1080 x 1920 px | 9:16 竖版 |
| 店铺Banner | 淘宝 | 1920 x 600 px | 横版 |
| 店铺Banner | 京东 | 1920 x 460 px | 横版 |
四、图片格式与压缩技巧
格式选对了,文件小、加载快,买家体验好。
4.1 JPG vs PNG vs WebP
| 格式 | 适用场景 | 优点 | 缺点 |
|---|---|---|---|
| JPG 推荐 | 主图、详情页、推广图 | 文件小、加载快 | 不支持透明背景 |
| PNG | 白底抠图、需要透明背景的素材 | 支持透明、无损 | 文件太大 |
| WebP | 部分平台详情页 | 比JPG小30%左右 | 兼容性还不够完美 |
4.2 压缩到什么程度合适?
我的经验是:JPG压缩质量80-85%,文件大小控制在200-500KB。肉眼看不出画质损失,但文件小了一半以上。用TinyPNG或者色彩韵在线压缩工具都能搞定。
如果图片还是太大,检查一下:是不是尺寸做太大了(比如做了1200x1200但只需要800x800),是不是图层太多没合并,是不是色彩模式用了CMYK(电商图片用RGB就行)。
常见问题解答(FAQ)
淘宝主图尺寸必须是800x800吗?
推荐800x800像素,正方形1:1比例。淘宝主图支持放大镜功能,800x800以上才能触发。虽然上传600x600也能用,但没有放大镜效果,买家看不清细节。图片大小控制在500KB以内,格式用JPG。
详情页宽度750px是什么意思?
淘宝天猫的详情页编辑器宽度是750像素,你做的详情页图片宽度统一用750px。高度没有限制,但单张图片高度建议不超过1500px,否则加载慢。整个详情页建议控制在30-50张图片以内,太长了买家看不完。
拼多多主图和淘宝主图能通用吗?
不太建议直接通用。拼多多推荐750x750像素,淘宝推荐800x800像素,尺寸有差异。而且拼多多的用户群体和淘宝不同,主图风格也不一样——拼多多更偏向性价比、促销风格,淘宝更注重品质感。建议根据平台特点分别做。
电商图片用什么格式?JPG还是PNG?
主图和详情页用JPG格式,压缩质量80-85%,文件小加载快。PNG格式适合需要透明背景的图片(比如白底抠图),但文件太大不适合做主图。WebP格式部分平台支持,加载更快但兼容性还不完美。
抖音小店的主图尺寸是什么?
抖音小店商品主图推荐800x800像素,与淘宝一致。视频封面推荐1080x1920像素(竖版9:16)。抖音对图片质量要求比较高,模糊或者有水印的图片会影响商品展示效果。
直通车图片尺寸是多少?
淘宝直通车推广图推荐800x800像素,与主图尺寸一致。京东快车推荐800x800。拼多多场景推广推荐600x600或750x750。实际投放时系统会自动适配不同展示位,但上传高清原图效果最好。
图片太大上传不了怎么办?
大部分电商平台对单张图片限制在3-5MB以内。用图片压缩工具(比如TinyPNG、色彩韵在线压缩)把JPG质量调到80%,文件大小一般能控制在200-500KB。如果还是太大,检查一下是不是分辨率过高了——电商图片72dpi就够用。
主图第五张白底图有什么要求?
淘宝要求第五张主图是纯白底(RGB值255,255,255)商品图,用于搜索结果的白底展示。图片中只能有商品本身,不能有文字、logo、水印、阴影。商品要占图片面积的70%以上,四周留白均匀。