电商平台对商品图片有严格的尺寸规范,不合规的图片会被系统自动裁剪、压缩甚至降权。本文全面梳理淘宝/天猫、京东、拼多多、抖音电商四大平台的主图、详情页、活动推广图尺寸标准。核心要点:主图统一使用 800×800 像素(1:1 正方形),详情页宽度 750-790 像素(按平台不同),文件格式推荐 JPG(照片类)或 PNG(需透明背景),单图大小控制在 500KB 以内。掌握这些标准,可以有效提升商品搜索排名和转化率。
在电商运营中,商品图片的质量直接影响着消费者的购买决策和平台的搜索算法。一张尺寸不合规、模糊不清的图片,即使产品再好,也会让顾客瞬间失去兴趣。更重要的是,各大电商平台的搜索引擎都会将图片质量纳入排名权重考量。
尺寸准确:严格按照平台要求的像素尺寸制作,宁可稍大不可偏小。
比例正确:主图必须 1:1 正方形,详情页宽度固定、高度灵活。
文件适中:在保证清晰度的前提下尽量压缩文件大小,提升页面加载速度。
内容合规:避免牛皮癣图片(文字覆盖过多),避免使用平台禁止的元素(如竞品 Logo、水印等)。
高清源文件:设计时使用最高分辨率,导出时再按需缩放压缩。
搜索引擎(包括平台内搜索和 Google 等外部搜索引擎)都会对图片进行质量评估。图片尺寸达标、清晰度高、加载速度快的商品页面,在搜索结果中的排名会更高。此外,正确的图片尺寸也有助于图片在搜索引擎中的索引,带来更多来自图片搜索的额外流量。因此,电商图片尺寸不仅是一个设计问题,更是一个直接影响销量的运营问题。
淘宝和天猫作为中国最大的电商平台,对图片尺寸有着严格且细致的要求。作为设计师和电商运营,必须熟练掌握这些规范,才能确保商品在平台中获得最佳展示效果。
淘宝主图是商品在搜索结果页、商品列表页和详情页首屏展示的核心图片,直接影响点击率。尺寸规范如下:
| 图片类型 | 尺寸(像素) | 比例 | 格式 | 大小限制 | 注意事项 |
|---|---|---|---|---|---|
| 主图(标准) | 800×800 | 1:1 | JPG / PNG | ≤ 500KB | 建议上传 1000×1000 以上,支持放大镜功能 |
| 主图(第5张) | 800×800 | 1:1 | JPG / PNG | ≤ 500KB | 必须为白底图,有助于手淘搜索流量获取 |
| 长图(主图视频封面) | 800×1200 | 2:3 | JPG / PNG | ≤ 500KB | 用于猜你喜欢等推荐场景 |
| 直通车创意图 | 800×800 | 1:1 | JPG / PNG | ≤ 500KB | 文字面积不超过 30%,避免牛皮癣判定 |
| 直通车长图 | 800×1200 | 2:3 | JPG / PNG | ≤ 500KB | 适用于信息流推广场景 |
淘宝详情页是消费者了解产品详细信息的核心区域,图片尺寸规范如下:
钻展(钻石展位)和超级推荐是淘宝主要的付费推广渠道,图片尺寸要求多样:
淘宝第五张主图要求纯白底(RGB 值 255,255,255),产品居中摆放,占比约 70%-80% 画面面积,不能有文字、水印、边框或其他装饰元素。白底图通过审核后会被系统抓取到手淘首页的"猜你喜欢"等推荐场景,免费获取大量曝光流量。制作时建议使用 Photoshop 的"选择主体"功能抠图,再用白色背景填充。
京东作为中国第二大电商平台,对图片尺寸和质量要求同样严格,尤其在主图和详情页方面与淘宝略有差异。
京东主图的标准尺寸与淘宝基本一致,均为 800×800 像素(1:1 正方形)。但京东对图片质量要求更高,建议上传 1200×1200 像素以上的高清图片,以获得更好的放大镜展示效果。
京东详情页图片宽度为 790 像素,与淘宝 PC 端一致。但京东移动端详情页推荐使用 750 像素宽度,与淘宝移动端统一,便于设计师一套素材多平台使用。
| 图片类型 | 尺寸(像素) | 比例 | 格式 | 大小限制 | 备注 |
|---|---|---|---|---|---|
| 主图 | 800×800 | 1:1 | JPG | ≤ 500KB | 支持放大镜,建议 1200×1200 以上 |
| 详情页(PC) | 宽度 790,高度不限 | — | JPG | ≤ 300KB/张 | 单张高度建议不超过 1500px |
| 详情页(移动端) | 宽度 750,高度不限 | — | JPG | ≤ 300KB/张 | 与淘宝移动端统一 |
| 店铺活动图 | 750×300 | 5:2 | JPG | ≤ 300KB | 店铺首页横幅活动位 |
| 平台大促图 | 790×400 | 约 2:1 | JPG | ≤ 300KB | 618、双十一等平台大促活动 |
| 京东快车推广图 | 800×800 / 800×1200 | 1:1 / 2:3 | JPG | ≤ 500KB | 搜索推广和信息流推广 |
京东对图片有以下额外要求需要注意:
京东对主图的审核比淘宝更严格,尤其是首图不能有任何文字和装饰元素。建议在制作时:
方案 A(推荐):为京东单独制作一套无文字纯商品展示的主图,详情页和店铺活动图则可以与淘宝共用。
方案 B:第一张主图做纯商品展示(京东审核用),第二至第五张主图加入卖点文字和促销信息(用于淘宝和其他渠道)。
拼多多和抖音电商是近年来增长最快的电商平台,它们的图片尺寸规范与传统电商有所区别,特别是在展示方式和推荐机制上。
拼多多以"低价+社交"为核心,图片尺寸要求相对宽松但有其独特之处:
抖音电商以短视频和直播为核心,商品图片主要服务于抖音小店和信息流展示:
抖音电商的核心场景是"内容+电商",图片设计有以下要点:
1. 竖图优先:3:4 竖图(750×1000)在信息流展示时比正方形图片多占约 33% 的屏幕面积,点击率更高。
2. 前后对比:前后对比图(Before & After)在抖音转化率极高,适合美妆、清洁、健身等品类。
3. 短视频 + 图片组合:前 3 张主图用静态产品图,后 3-6 张用短视频截图或动图,丰富展示形式。
4. 直播间引流图:在商品图中标注"直播间专属价"等引导信息,提升进入直播间的人数。
为了方便设计师和电商运营快速查询各平台的图片尺寸要求,我们整理了以下综合对比表格,建议收藏备用。
| 平台 | 主图尺寸 | 详情页宽度 | 长图尺寸 | 格式 | 单图大小 | 特殊要求 |
|---|---|---|---|---|---|---|
| 淘宝/天猫 | 800×800 (1:1) | 790px (PC) / 750px (移动) | 800×1200 (2:3) | JPG / PNG | ≤ 500KB | 第5张白底图,放大镜需 1000px 以上 |
| 京东 | 800×800 (1:1) | 790px (PC) / 750px (移动) | — | JPG | ≤ 500KB / 300KB | 首图不能有任何文字和水印 |
| 拼多多 | 800×800 (1:1) | 750px | 400×600 (2:3) | JPG / PNG | ≤ 3MB | 牛皮癣图片限流,文字≤10% |
| 抖音电商 | 800×800 (1:1) / 750×1000 (3:4) | 750px | 750×1000 (3:4) | JPG / PNG | ≤ 500KB | 竖图信息流展示面积更大 |
| 推广类型 | 淘宝 | 京东 | 拼多多 | 抖音电商 |
|---|---|---|---|---|
| 搜索推广图 | 800×800 | 800×800 | 800×800 | 800×800 |
| 信息流推广图 | 800×1200 | 800×1200 | 800×1200 | 750×1000 |
| 横幅广告 (PC) | 1920×500 | 1920×500 | — | — |
| 店铺活动图 | 790×390 | 750×300 | 750×350 | 750×350 |
| 短视频封面 | — | — | — | 1080×1920 |
如果你需要同时为多个平台制作图片,推荐以下工作流:
步骤 1:在 Photoshop 中以 2000×2000 像素画布开始设计(高清源文件)
步骤 2:设计完成后,导出为以下尺寸:
• 800×800 → 淘宝/京东/拼多多主图
• 800×1200 → 淘宝/京东/拼多多长图 + 信息流推广图
• 790 像素宽度切片 → 淘宝 PC 详情页
• 750 像素宽度切片 → 淘宝移动端/京东移动端/拼多多/抖音详情页
步骤 3:使用 TinyPNG 批量压缩所有导出图片
步骤 4:京东首图单独导出无文字版本
这套工作流可以一次性输出所有平台需要的图片尺寸,极大提升效率。
掌握了各平台的尺寸规范后,还需要了解如何设计和优化电商图片,才能在激烈的竞争中脱颖而出。以下是色彩韵设计团队总结的实战技巧。
电商图片需要在清晰度和文件大小之间找到平衡。以下是我们推荐的压缩方案:
坑 1:用 CMYK 模式设计 → 网页显示严重偏色,务必使用 RGB 模式。
坑 2:图片尺寸过小 → 在高清屏幕上显示模糊,主图至少 800×800。
坑 3:文件过大加载慢 → 单图超过 1MB 会导致页面加载缓慢,影响 SEO 和用户体验。
坑 4:文字太多像牛皮癣 → 主图文字超过 30% 面积会被平台降权,精简为 1-2 个核心卖点。
坑 5:不同平台用同一张图 → 京东首图不能有文字,淘宝可以,需要根据平台特性分别制作。