首页›
技巧学院›
常用尺寸规范›
电商图片尺寸规范大全
📌 核心摘要
电商平台对商品图片有严格的尺寸规范,不合规的图片会被系统自动裁剪、压缩甚至降权。本文全面梳理淘宝/天猫、京东、拼多多、抖音电商四大平台的主图、详情页、活动推广图尺寸标准。核心要点:主图统一使用 800×800 像素(1:1 正方形),详情页宽度 750-790 像素(按平台不同),文件格式推荐 JPG(照片类)或 PNG(需透明背景),单图大小控制在 500KB 以内。掌握这些标准,可以有效提升商品搜索排名和转化率。
一、电商图片尺寸为什么重要?影响搜索排名和转化率
在电商运营中,商品图片的质量直接影响着消费者的购买决策和平台的搜索算法。一张尺寸不合规、模糊不清的图片,即使产品再好,也会让顾客瞬间失去兴趣。更重要的是,各大电商平台的搜索引擎都会将图片质量纳入排名权重考量。
图片尺寸不合规的三大危害
系统自动裁剪导致内容缺失:当上传的图片尺寸与平台要求不符时,系统会自动进行裁剪或拉伸,可能导致产品被截断、文字被裁掉,严重影响展示效果。
搜索降权影响流量:淘宝、京东等平台的搜索算法会检测图片质量,尺寸不符、像素过低、比例错误的图片会被判定为"低质量图片",从而降低搜索排名权重,导致自然流量大幅减少。
转化率下降:模糊、变形的图片会让消费者产生不信任感,点击率和转化率都会显著降低。研究表明,高质量的商品图片可以将转化率提升 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 详情页图片尺寸
淘宝详情页是消费者了解产品详细信息的核心区域,图片尺寸规范如下:
宽度:固定 790 像素(PC 端)或 750 像素(移动端)
高度:无严格限制,建议单张高度 600-1500 像素
格式:JPG(推荐)或 PNG,动图使用 GIF
大小:单张不超过 500KB
数量:建议 8-15 张,总高度控制在 8000-12000 像素
色彩模式:RGB(网页用),不要用 CMYK
2.3 钻展/超级推荐推广图尺寸
钻展(钻石展位)和超级推荐是淘宝主要的付费推广渠道,图片尺寸要求多样:
信息流图:800×800 像素 或 800×1200 像素
横幅广告(PC):1920×500 像素
横幅广告(窄):950×90 像素
焦点图:790×390 像素
🎯 淘宝白底图制作要点
淘宝第五张主图要求纯白底(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 京东图片特殊要求
京东对图片有以下额外要求需要注意:
首图规范:商品首图必须为纯商品展示,不能有文字、水印、边框、阴影等装饰元素,否则会被系统拒绝
品牌授权:带有品牌 Logo 的商品需要提供品牌授权证明
详情页内容:详情页不能包含竞品品牌信息、外部链接、二维码等
主图视频:支持上传主图视频,时长 15-60 秒,格式 MP4,大小不超过 50MB,尺寸 1:1 或 3:4
💡 京东 vs 淘宝主图差异提醒
京东对主图的审核比淘宝更严格,尤其是首图不能有任何文字和装饰元素。建议在制作时:
方案 A(推荐):为京东单独制作一套无文字纯商品展示的主图,详情页和店铺活动图则可以与淘宝共用。
方案 B:第一张主图做纯商品展示(京东审核用),第二至第五张主图加入卖点文字和促销信息(用于淘宝和其他渠道)。
四、拼多多/抖音电商图片尺寸规范详解
拼多多和抖音电商是近年来增长最快的电商平台,它们的图片尺寸规范与传统电商有所区别,特别是在展示方式和推荐机制上。
4.1 拼多多图片尺寸规范
拼多多以"低价+社交"为核心,图片尺寸要求相对宽松但有其独特之处:
主图:推荐 800×800 像素(1:1),最低要求 400×400 像素
商品长图:推荐 400×600 像素(2:3),用于列表页竖图展示
轮播图:最多上传 10 张,建议 800×800 像素
详情页宽度:750 像素,高度不限
文件格式:JPG、PNG,单图不超过 3MB
特殊要求:拼多多对"牛皮癣图片"(文字覆盖面积超过 10%)有严格的限流处罚,主图文字应尽量精简
4.2 抖音电商图片尺寸规范
抖音电商以短视频和直播为核心,商品图片主要服务于抖音小店和信息流展示:
商品主图:800×800 像素(1:1 正方形),支持最多 9 张
商品竖图:750×1000 像素(3:4),在信息流中占据更大面积,视觉冲击力更强
短视频封面:1080×1920 像素(9:16 竖屏),用于短视频带货
直播封面:750×550 像素
直播背景板:1080×1920 像素
商品详情页:宽度 750 像素,高度不限,建议总高度不超过 10000 像素
🎯 抖音电商图片设计技巧
抖音电商的核心场景是"内容+电商",图片设计有以下要点:
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 图片设计规范
色彩模式:电商图片使用 RGB 色彩模式,不要用 CMYK。RGB 是屏幕显示的标准色彩模式,CMYK 是印刷用的,在网页上显示会偏色。
分辨率:屏幕显示使用 72 DPI 即可,但设计时建议用 300 DPI 以保证缩放后仍然清晰。导出时会自动调整为 72 DPI。
文字排版:主图文字不超过 3 行,字号要够大(移动端最小字号 24px),重要信息放在图片上半部分(搜索列表页中下半部分可能被遮挡)。
产品展示角度:首图使用正面 45° 角(能同时看到正面和侧面),第二张展示背面,第三张展示侧面,第四张展示细节特写,第五张白底图。
背景选择:白底图最通用(适用于搜索列表),场景图更适合详情页和推荐位(展示使用场景,增强代入感)。
6.2 图片压缩与优化工具推荐
电商图片需要在清晰度和文件大小之间找到平衡。以下是我们推荐的压缩方案:
TinyPNG(tinypng.com):在线压缩,智能有损压缩,可在肉眼几乎看不出差别的情况下减少 50%-80% 文件体积,支持批量上传(最多 20 张)
Squoosh(squoosh.app):Google 出品的在线压缩工具,支持 WebP 格式转换,可实时预览压缩效果
Photoshop 导出:使用"导出为"或"存储为 Web 所用格式",JPG 质量设为 60-80 为最佳平衡点
ImageOptim(Mac)/ Caesium(Windows):本地批量压缩工具,适合处理大量图片
6.3 提高转化率的图片设计技巧
首图加促销标签:在首图右上角或左上角添加"限时折扣""满减"等促销标签,提升点击率
使用场景图:详情页中穿插产品使用场景图,让消费者"看到自己使用产品的样子",增强购买欲望
前后对比:美妆、清洁、健身类产品使用 Before & After 对比图,效果最直观
尺寸标注:服装、家具等品类在图片中标注详细尺寸,减少退货率
品牌一致性:店铺所有图片保持统一的色调、字体和风格,建立品牌识别度
🎯 电商图片设计避坑指南
坑 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%。
🔗 相关资源与服务
📂 色彩韵网站导航
🏠 色彩韵首页 ·
🛠️ AI 在线工具 ·
🎨 设计服务 ·
📚 技巧学院 ·
📋 全部文章 ·
📏 更多尺寸规范
🎨 需要专业设计服务?色彩韵帮你搞定!
电商图片设计 + 详情页制作一站式解决
✅ 主图/详情页/活动图 全品类电商图片设计
✅ 淘宝/京东/拼多多/抖音 多平台尺寸精准适配
✅ 图片压缩与优化 提升加载速度和搜索排名
✅ 淘宝店铺下单,售后有保障
🛒 淘宝店铺下单
💬 添加微信咨询
📧 renshi@secaiyun.com · 📱 微信服务号:色彩韵设计
📚 相关文章推荐
包装设计尺寸规范大全 2026
纸盒、标签、手提袋等常见包装尺寸标准与制作规范
2026 平面设计常用尺寸大全
A4、A3、海报、易拉宝、横幅等常见设计尺寸汇总
海报设计尺寸规格 2026
室内海报、户外广告、社交媒体海报等尺寸规范大全
名片设计尺寸规格 2026
标准名片、异形名片、特殊材质名片尺寸与设计指南