首页›

技巧学院›

常用尺寸规范›

电商图片尺寸规范大全

📌 核心摘要

电商平台对商品图片有严格的尺寸规范,不合规的图片会被系统自动裁剪、压缩甚至降权。本文全面梳理淘宝/天猫、京东、拼多多、抖音电商四大平台的主图、详情页、活动推广图尺寸标准。核心要点:主图统一使用 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

标准名片、异形名片、特殊材质名片尺寸与设计指南