电商平台主图与详情页图片尺寸规范大全 2026 — 淘宝/京东/拼多多/抖音全覆盖

📅 2026-05-13 👤 色彩韵设计 ⏱️ 阅读约 10 分钟 常用尺寸规范

📌 核心摘要

电商平台对商品图片有严格的尺寸规范,不合规的图片会被系统自动裁剪、压缩甚至降权。本文全面梳理淘宝/天猫、京东、拼多多、抖音电商四大平台的主图、详情页、活动推广图尺寸标准。核心要点:主图统一使用 800×800 像素(1:1 正方形),详情页宽度 750-790 像素(按平台不同),文件格式推荐 JPG(照片类)或 PNG(需透明背景),单图大小控制在 500KB 以内。掌握这些标准,可以有效提升商品搜索排名和转化率。

一、电商图片尺寸为什么重要?影响搜索排名和转化率

在电商运营中,商品图片的质量直接影响着消费者的购买决策和平台的搜索算法。一张尺寸不合规、模糊不清的图片,即使产品再好,也会让顾客瞬间失去兴趣。更重要的是,各大电商平台的搜索引擎都会将图片质量纳入排名权重考量。

图片尺寸不合规的三大危害

  1. 系统自动裁剪导致内容缺失:当上传的图片尺寸与平台要求不符时,系统会自动进行裁剪或拉伸,可能导致产品被截断、文字被裁掉,严重影响展示效果。
  2. 搜索降权影响流量:淘宝、京东等平台的搜索算法会检测图片质量,尺寸不符、像素过低、比例错误的图片会被判定为"低质量图片",从而降低搜索排名权重,导致自然流量大幅减少。
  3. 转化率下降:模糊、变形的图片会让消费者产生不信任感,点击率和转化率都会显著降低。研究表明,高质量的商品图片可以将转化率提升 30%-50%。

💡 电商图片优化的核心原则

尺寸准确:严格按照平台要求的像素尺寸制作,宁可稍大不可偏小。
比例正确:主图必须 1:1 正方形,详情页宽度固定、高度灵活。
文件适中:在保证清晰度的前提下尽量压缩文件大小,提升页面加载速度。
内容合规:避免牛皮癣图片(文字覆盖过多),避免使用平台禁止的元素(如竞品 Logo、水印等)。
高清源文件:设计时使用最高分辨率,导出时再按需缩放压缩。

电商图片尺寸对 SEO 的影响

搜索引擎(包括平台内搜索和 Google 等外部搜索引擎)都会对图片进行质量评估。图片尺寸达标、清晰度高、加载速度快的商品页面,在搜索结果中的排名会更高。此外,正确的图片尺寸也有助于图片在搜索引擎中的索引,带来更多来自图片搜索的额外流量。因此,电商图片尺寸不仅是一个设计问题,更是一个直接影响销量的运营问题。

二、淘宝/天猫图片尺寸规范详解

淘宝和天猫作为中国最大的电商平台,对图片尺寸有着严格且细致的要求。作为设计师和电商运营,必须熟练掌握这些规范,才能确保商品在平台中获得最佳展示效果。

2.1 主图(商品首图)尺寸

淘宝主图是商品在搜索结果页、商品列表页和详情页首屏展示的核心图片,直接影响点击率。尺寸规范如下:

图片类型 尺寸(像素) 比例 格式 大小限制 注意事项
主图(标准) 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 适用于信息流推广场景

2.2 详情页图片尺寸

淘宝详情页是消费者了解产品详细信息的核心区域,图片尺寸规范如下:

2.3 钻展/超级推荐推广图尺寸

钻展(钻石展位)和超级推荐是淘宝主要的付费推广渠道,图片尺寸要求多样:

🎯 淘宝白底图制作要点

淘宝第五张主图要求纯白底(RGB 值 255,255,255),产品居中摆放,占比约 70%-80% 画面面积,不能有文字、水印、边框或其他装饰元素。白底图通过审核后会被系统抓取到手淘首页的"猜你喜欢"等推荐场景,免费获取大量曝光流量。制作时建议使用 Photoshop 的"选择主体"功能抠图,再用白色背景填充。

三、京东图片尺寸规范详解

京东作为中国第二大电商平台,对图片尺寸和质量要求同样严格,尤其在主图和详情页方面与淘宝略有差异。

3.1 主图尺寸规范

京东主图的标准尺寸与淘宝基本一致,均为 800×800 像素(1:1 正方形)。但京东对图片质量要求更高,建议上传 1200×1200 像素以上的高清图片,以获得更好的放大镜展示效果。

3.2 详情页尺寸规范

京东详情页图片宽度为 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 搜索推广和信息流推广

3.3 京东图片特殊要求

京东对图片有以下额外要求需要注意:

💡 京东 vs 淘宝主图差异提醒

京东对主图的审核比淘宝更严格,尤其是首图不能有任何文字和装饰元素。建议在制作时:
方案 A(推荐):为京东单独制作一套无文字纯商品展示的主图,详情页和店铺活动图则可以与淘宝共用。
方案 B:第一张主图做纯商品展示(京东审核用),第二至第五张主图加入卖点文字和促销信息(用于淘宝和其他渠道)。

四、拼多多/抖音电商图片尺寸规范详解

拼多多和抖音电商是近年来增长最快的电商平台,它们的图片尺寸规范与传统电商有所区别,特别是在展示方式和推荐机制上。

4.1 拼多多图片尺寸规范

拼多多以"低价+社交"为核心,图片尺寸要求相对宽松但有其独特之处:

4.2 抖音电商图片尺寸规范

抖音电商以短视频和直播为核心,商品图片主要服务于抖音小店和信息流展示:

🎯 抖音电商图片设计技巧

抖音电商的核心场景是"内容+电商",图片设计有以下要点:
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:京东首图单独导出无文字版本
这套工作流可以一次性输出所有平台需要的图片尺寸,极大提升效率。

六、电商图片设计规范与优化技巧

掌握了各平台的尺寸规范后,还需要了解如何设计和优化电商图片,才能在激烈的竞争中脱颖而出。以下是色彩韵设计团队总结的实战技巧。

6.1 图片设计规范

  1. 色彩模式:电商图片使用 RGB 色彩模式,不要用 CMYK。RGB 是屏幕显示的标准色彩模式,CMYK 是印刷用的,在网页上显示会偏色。
  2. 分辨率:屏幕显示使用 72 DPI 即可,但设计时建议用 300 DPI 以保证缩放后仍然清晰。导出时会自动调整为 72 DPI。
  3. 文字排版:主图文字不超过 3 行,字号要够大(移动端最小字号 24px),重要信息放在图片上半部分(搜索列表页中下半部分可能被遮挡)。
  4. 产品展示角度:首图使用正面 45° 角(能同时看到正面和侧面),第二张展示背面,第三张展示侧面,第四张展示细节特写,第五张白底图。
  5. 背景选择:白底图最通用(适用于搜索列表),场景图更适合详情页和推荐位(展示使用场景,增强代入感)。

6.2 图片压缩与优化工具推荐

电商图片需要在清晰度和文件大小之间找到平衡。以下是我们推荐的压缩方案:

6.3 提高转化率的图片设计技巧

🎯 电商图片设计避坑指南

坑 1:用 CMYK 模式设计 → 网页显示严重偏色,务必使用 RGB 模式。
坑 2:图片尺寸过小 → 在高清屏幕上显示模糊,主图至少 800×800。
坑 3:文件过大加载慢 → 单图超过 1MB 会导致页面加载缓慢,影响 SEO 和用户体验。
坑 4:文字太多像牛皮癣 → 主图文字超过 30% 面积会被平台降权,精简为 1-2 个核心卖点。
坑 5:不同平台用同一张图 → 京东首图不能有文字,淘宝可以,需要根据平台特性分别制作。

🖼️ 需要专业的电商图片设计服务?

色彩韵设计提供专业的电商图片设计与优化服务,主图、详情页、活动推广图一站式搞定。
尺寸精准合规,设计精美高效,全国设计师团队在线服务!

立即咨询客服

❓ 常见问题 FAQ

淘宝主图尺寸要求是多少?
淘宝主图标准尺寸为 800×800 像素,建议上传 1000×1000 像素以上以支持放大镜功能。主图必须为正方形(1:1 比例),格式为 JPG 或 PNG,文件大小不超过 500KB。第五张主图建议为白底图,有助于手淘搜索流量获取。
京东详情页图片宽度是多少?
京东详情页图片宽度标准为 790 像素(PC端),移动端推荐 750 像素。主图要求 800×800 像素正方形。活动图尺寸根据活动类型而定,一般为 750×300 像素(店铺活动)或 790×400 像素(平台大促)。所有图片格式建议为 JPG,单图大小不超过 300KB。
拼多多主图和淘宝主图尺寸一样吗?
拼多多主图推荐尺寸为 800×800 像素,与淘宝基本一致。但拼多多长图(商品列表页展示)推荐 400×600 像素(2:3 比例)。需要注意的是,拼多多对牛皮癣图片(文字覆盖过多)有严格的限流机制,建议主图文字不超过 10% 面积。
抖音电商商品图需要什么尺寸?
抖音电商商品主图推荐 800×800 像素(1:1),同时支持 3:4 竖图(750×1000 像素),竖图在信息流展示中占据更大屏幕面积。短视频封面推荐 1080×1920 像素(9:16 竖屏),直播封面推荐 750×550 像素。
电商图片应该用 JPG 还是 PNG 格式?
主图和详情页图片推荐使用 JPG 格式,文件体积小、加载快,对照片类图片压缩效果好。需要透明背景时使用 PNG 格式,但 PNG 体积较大,建议先用 TinyPNG 等工具压缩。动图场景使用 GIF 或 WEBP 格式。
电商详情页需要做多长?多少张图片合适?
建议详情页控制在 10-15 屏以内(约 8000-12000 像素高度),图片数量 8-15 张为宜。建议结构:首屏卖点展示 → 产品细节 → 场景展示 → 规格参数 → 售后保障。每张图片高度建议 600-1200 像素。
如何压缩电商图片而不影响清晰度?
推荐使用 TinyPNG(tinypng.com)在线压缩,可在保持视觉质量不变的情况下减少 50%-80% 体积。Photoshop 导出时 JPG 质量设为 60-80。淘宝要求单图不超过 500KB,京东不超过 300KB,压缩后务必检查文件大小是否达标。
电商直通车/钻展推广图尺寸有哪些?
淘宝直通车常见尺寸:创意图 800×800、长图 800×1200、横幅 790×390。钻展/超级推荐:信息流图 800×800/800×1200,横幅 1920×500/950×90。京东快车:800×800/800×1200。拼多多多多搜索:800×800。推广图文字面积不宜超过 30%。

🔗 相关资源与服务

🎨 需要专业设计服务?色彩韵帮你搞定!

电商图片设计 + 详情页制作一站式解决

主图/详情页/活动图 全品类电商图片设计
淘宝/京东/拼多多/抖音 多平台尺寸精准适配
图片压缩与优化 提升加载速度和搜索排名
淘宝店铺下单,售后有保障

🛒 淘宝店铺下单 💬 添加微信咨询

📧 renshi@secaiyun.com · 📱 微信服务号:色彩韵设计