电商商品图片的尺寸规范是每个电商卖家和设计师必须掌握的硬知识。2026年,各主流电商平台对商品主图和详情页的尺寸要求持续更新,不同平台、不同类目之间可能存在差异。本文系统整理了淘宝、京东、拼多多、抖音、小红书、快手六大平台的商品主图与详情页尺寸规范,提供完整的速查对照表和实操指南,帮助您一次搞定所有平台的设计尺寸需求。
核心数据:淘宝/京东主图800×800(推荐1200×1200),拼多多主图750×750,抖音主图720×1280,小红书封面1080×1440,快手主图800×800。详情页宽度统一为750像素左右,长度按需设计。
一、为什么商品图片尺寸规范如此重要?
在电商运营中,商品图片的尺寸直接影响着多个关键指标:页面加载速度、用户浏览体验、搜索排序权重、转化率,甚至影响商品能否通过平台审核上架。一张尺寸正确的主图可以让商品在搜索结果页中完整展示,而尺寸错误的图片可能被平台自动裁剪、压缩变形,严重影响视觉效果。
2026年,各平台对图片尺寸和质量的要求越来越严格。淘宝和京东加强了AI审核机制,图片尺寸不合规的商品将被降权处理;抖音和快手作为内容电商平台,对竖版9:16主图的需求持续增长;小红书对笔记封面图片的3:4比例有明确要求。掌握各平台准确的尺寸规范,是做好电商视觉设计的第一步。
💡 尺寸不对带来的常见问题
- 主图被裁剪:尺寸不匹配导致商品主体被平台自动裁切,影响展示效果
- 详情页错位:宽度不一致导致详情页布局混乱,用户无法正常阅读
- 图片模糊变形:小图拉伸或大图压缩导致画质严重下降
- 审核不通过:部分类目对主图尺寸和比例有硬性要求,不合规无法上架
- 加载速度慢:图片过大(超过平台限制)导致页面加载缓慢,增加跳出率
接下来,我们将逐一梳理各平台的最新尺寸规范,并提供一个全平台速查对照表,方便您在设计时快速查阅。
二、全平台商品主图与详情页尺寸速查表
下表整理了2026年六大主流电商平台的最新商品主图和详情页尺寸规范,涵盖淘宝、京东、拼多多、抖音、小红书、快手。建议收藏备用,设计时直接对照查看。
| 平台 | 主图尺寸 | 主图比例 | 详情页宽度 | 图片格式 | 最大文件大小 | 白底图要求 |
|---|---|---|---|---|---|---|
| 🟠 淘宝 | 800×800(推荐1200×1200) | 1:1 正方形 | 750px | JPG / PNG | 3MB/张 | ✅ 主图需纯白底/浅色底 |
| 🔴 京东 | 800×800(推荐1200×1200) | 1:1 正方形 | 990px(PC)/ 750px(移动) | JPG / PNG | 1MB/张(主图) | ✅ 严格纯白底,无文字 |
| 🟢 拼多多 | 750×750 | 1:1 正方形 | 720-750px | JPG / PNG | 2MB/张 | ✅ 部分类目强制白底图 |
| 🎵 抖音 | 720×1280(竖版)/ 800×800(方版) | 9:16 竖版 / 1:1 方版 | 750px | JPG / PNG / WebP | 2MB/张 | ⚠️ 建议浅色/纯色背景 |
| 📕 小红书 | 1080×1440(封面)/ 800×800(商品) | 3:4 竖版(封面)/ 1:1(商品) | 1080px | JPG / PNG | 10MB/张 | ⚠️ 非强制,推荐简洁背景 |
| 🎬 快手 | 800×800(方版)/ 720×1280(竖版) | 1:1 方版 / 9:16 竖版 | 750px | JPG / PNG | 5MB/张 | ⚠️ 推荐简洁背景 |
📋 全平台尺寸核心要点速记
- 正方形主图(1:1):淘宝800/1200、京东800/1200、拼多多750、快手800 —— 四个平台通用,建议统一制作1200×1200,向下兼容
- 竖版主图(9:16或3:4):抖音720×1280、小红书封面1080×1440 —— 内容电商平台的核心尺寸,不可忽视
- 详情页宽度:大部分平台统一在750px左右,小红书稍宽为1080px,京东PC端为990px
- 白底图要求:淘宝、京东、拼多多都明确要求主图使用纯白底,其中京东最为严格
三、各平台主图与详情页详细规范
3.1 淘宝(天猫)主图与详情页尺寸规范
淘宝作为国内最大的电商平台,其图片尺寸规范是所有卖家的必修课。2026年淘宝主图的核心要求如下:
- 商品主图尺寸:800×800像素(1:1正方形),强烈推荐使用1200×1200像素。1200px的主图支持淘宝的放大镜功能,用户在详情页中放大会显示更多细节,有助于提升转化率。
- 主图数量:最多可上传5张主图(含1张白底图),第1张为商品列表页展示图。建议第1张用纯白底,第2-5张展示细节、场景、卖点等。
- 详情页尺寸:宽度750像素,高度不限。推荐使用长图形式,总高度不超过30000像素。建议将详情页内容分段设计,每段高度控制在1500-2000像素,便于用户滑动浏览。
- 图片大小:单张不超过3MB,建议控制在500KB-1MB之间,在保证清晰度的同时兼顾加载速度。
- 主图规范:禁止出现边框、水印、联系方式。文字区域占比不超过1/3,不得遮挡商品主体。
3.2 京东主图与详情页尺寸规范
京东平台对商品图片的质量要求在所有电商平台中最为严格,尤其是京东自营商品:
- 商品主图尺寸:800×800像素(1:1),推荐1200×1200像素。京东主图要求极高,建议使用专业摄影设备拍摄后精修处理。
- 主图规范:京东要求主图为纯白底(RGB: #FFFFFF),不得有任何文字、水印、LOGO、品牌标记。这是京东最严格的规范之一,很多卖家因主图带字被驳回。
- 详情页尺寸:PC端推荐宽度990像素,移动端推荐宽度750像素。建议制作两套详情页以适配不同设备,或使用响应式设计在990px宽度内合理排布。
- 图片大小:主图单张不超过1MB,详情页图片每张建议不超过500KB。京东对加载速度要求高,大图片会影响搜索排名权重。
- 主图数量:最多5张,要求第1张为纯白底正面图,第2-5张展示背面、侧面、细节、尺寸等信息。
3.3 拼多多主图与详情页尺寸规范
拼多多以社交裂变和低价商品著称,图片设计更加注重信息传达和视觉冲击力:
- 商品主图尺寸:750×750像素(1:1正方形)。这是拼多多商品列表页的固定展示尺寸,不支持其他比例的主图。
- 白底图要求:部分类目(如服装、鞋靴、数码等)强制要求上传纯白底主图,否则无法通过上架审核。建议每个商品至少准备一张纯白底图作为第1张主图。
- 详情页尺寸:宽度720-750像素,推荐使用长图形式。拼多多对详情页长度没有严格限制,但建议控制在15屏以内(约20000-25000像素),过长的详情页会降低用户浏览完成率。
- 图片大小:单张不超过2MB,支持JPG和PNG格式。建议使用JPG格式压缩到1MB以内以加快加载速度。
- 设计风格:拼多多用户偏向价格敏感型,主图建议突出价格信息、促销标签和核心卖点,文字可以适当放大但不要遮挡商品主体。
3.4 抖音商品主图与详情页尺寸规范
抖音作为内容电商的代表平台,商品展示方式与其他传统电商有显著不同:
- 商品主图尺寸:抖音支持两种主图规格:竖版720×1280像素(9:16)和方版800×800像素(1:1)。推荐使用竖版720×1280,因为抖音用户主要在短视频和直播间中浏览,竖版主图与页面展示更协调。
- 主图规范:背景建议使用浅色或纯色,避免复杂花哨的背景。主图中可以包含适量品牌文字和促销信息,但不可遮挡商品主体。
- 详情页尺寸:宽度750像素,推荐使用竖版长图设计。抖音的详情页访问路径相对较短,建议将最重要的信息放在前3屏。
- 图片格式:支持JPG、PNG和WebP格式。WebP格式在保持画质的同时文件更小,推荐使用。单张不超过2MB。
- 短视频关联:抖音商品主图最好与关联的商品短视频风格一致,形成视觉连贯性。
3.5 小红书商品图与笔记封面尺寸规范
小红书以种草笔记为核心,商品图片尺寸需要兼顾商品展示和笔记封面两种场景:
- 笔记封面尺寸:推荐1080×1440像素(3:4竖版)。这是小红书信息流中展示效果最好的比例,也是点击率最高的尺寸。
- 商品主图尺寸:800×800像素(1:1)或1080×1080像素。小红书商品主图对比例要求相对宽松,但建议统一为正方形。
- 详情图/笔记配图:建议宽度1080像素,高度不限但推荐控制在3000像素以内。3:4竖版配图在小红书中展示最完整。
- 设计风格:小红书用户偏好ins风、简约风、生活化场景。封面文字建议简洁大方,使用醒目的标题文字吸引点击。
- 文件大小:小红书对单张图片的限制较宽松(10MB以内),但建议控制在2-3MB内以保证加载速度。
3.6 快手商品主图与详情页尺寸规范
快手作为另一大内容电商平台,同时支持短视频直播和传统货架式电商:
- 商品主图尺寸:800×800像素(1:1正方形),同时支持竖版720×1280像素(9:16)。主图文件大小不超过5MB。
- 详情页尺寸:宽度750像素,使用长图排版。快手详情页结构相对简单,建议信息密度高、直击卖点。
- 设计风格:快手用户更倾向于真实感强的商品展示,主图不宜过度美化。建议主图背景简洁干净,与短视频和直播间中的商品形象一致。
- 主图规范:禁止包含联系方式(微信、电话等),禁止低俗或过度营销内容。
四、各平台商品图片设计实操指南
了解尺寸规范后,接下来我们以实操为导向,分平台讲解如何制作符合规范的高转化商品图片。以下是针对每个平台的设计核心思路。
🛠️ 淘宝/天猫设计实操要点
- 主图设计:以1200×1200画布创建,商品居中占画面的60-70%。第1张白底图突出商品本身;第2张展示功能卖点(带文字);第3张展示使用场景;第4张展示细节特写;第5张展示规格参数
- 详情页结构:建议顺序:品牌定位→商品全景图→核心卖点→细节展示→规格参数→使用对比→售后保障。750px宽度下,文字字号建议24-30px
- 主图视频:时长建议15-30秒,展示商品使用过程和核心功能,封面使用第1张主图
🛠️ 京东设计实操要点
- 严格白底图:第1张主图纯白底无任何文字和LOGO,商品拍摄光影均匀。推荐使用色彩韵AI批量抠图工具统一替换为纯白底
- PC端详情页:990px宽度设计,建议分为上下两栏或三栏布局。图片精度要求高,建议使用2倍图(1980px宽度然后缩放显示)
- 移动端适配:750px宽度详情页建议单独制作,PC和移动端不要直接共用同一套设计
- 商品视频:京东对视频要求较高,建议准备30-60秒的专业商品展示视频
🛠️ 拼多多设计实操要点
- 信息密度高:拼多多主图自带\"促销感\",可以在主图上适当添加价格标签、优惠信息、销量数据等元素
- 突出性价比:拼多多用户关注价格,主图建议将价格数字放大显示,使用对比色吸引眼球
- 详情页精简:拼多多用户耐心有限,详情页前3屏(约4000像素内)必须传达核心卖点和价格优势
- 白底图准备:强制类目务必准备750×750的纯白底图,可用色彩韵在线工具一键批量制作
🛠️ 抖音设计实操要点
- 竖版优先:统一使用720×1280竖版主图,商品居中偏上,预留底部20%区域不被裁剪(部分展示位会遮挡底部)
- 视觉冲击力:抖音用户滑动速度极快,主图需要在0.5秒内抓住注意力。使用高饱和度、强对比的色彩搭配
- 详情页短视频化:详情页图片风格尽量与短视频保持一致。推荐将短视频中的高光帧截图作为详情页素材
- 配合直播:主图场景风格最好与直播间背景一致,让用户在直播和商品页之间无缝衔接
🛠️ 小红书设计实操要点
- 封面即门面:1080×1440竖版封面是笔记的第一印象。建议使用高清大图+大字标题的组合,标题不超过10个字
- 生活化场景:小红书用户喜欢真实感,商品展示建议放在生活场景中(桌面、卧室、浴室等),而非纯白底
- 统一视觉风格:一个账号的笔记封面建议保持统一的色调和字体,形成品牌辨识度
- 商品标签:上传图片后在编辑页添加商品标签和关键词标签,增加曝光机会
🛠️ 快手设计实操要点
- 真实感优先:快手主图不建议过度精修,保留商品真实的质感和细节
- 主图+直播一致性:快手直播是核心转化场景,主图风格应与直播间展示的商品一致
- 竖版/方版双准备:建议同时准备800×800方版和720×1280竖版两套主图,适配不同展示位
- 极简详情页:快手详情页访问量相对较低,建议将核心信息浓缩在3-5屏内
五、多平台批量调整图片尺寸的技巧
对于同时在多个平台运营的电商卖家来说,每张商品图需要根据不同平台的要求制作多个版本,这是一项极其繁琐的工作。以下是一些实用的批量处理技巧:
5.1 制作统一的基础素材
建议先制作一张最高规格的原始素材(如1200×1200像素的高清商品图),然后以此为基础向下适配各平台尺寸。原始素材的质量决定了所有衍生图片的质量,建议使用高分辨率相机拍摄,保留RAW格式原片。
5.2 使用AI工具批量处理
色彩韵在线工具内置了各平台的预设尺寸模板,可以一键批量调整图片尺寸:上传原始图片→选择目标平台→AI自动裁剪/填充/调整→批量导出。支持淘宝、京东、拼多多、抖音、小红书、快手等平台的预设模板,一次性处理数百张图片,整个过程仅需3-5分钟。
5.3 不同尺寸的构图策略
不同比例的主图需要不同的构图策略:
- 正方形(1:1):商品居中放置,四周留白15-20%的安全区域,确保在任何裁剪场景中商品都完整可见
- 竖版(9:16):商品偏上放置,底部空间用于放置文字或次要信息。顶部保留安全区域,避免被状态栏遮挡
- 小红书封面(3:4):商品居中偏下,顶部留出标题文字空间。文字信息应集中在上1/3区域
⚡ 多平台图片尺寸适配效率对比
- 传统方法(手动PS调整):100张商品图适配6个平台 → 逐一裁剪、调整、导出 = 约8-10小时
- AI批量处理(色彩韵在线工具):100张商品图适配6个平台 → 一键选择预设、批量导出 = 约5-8分钟
- 效率提升:60-120倍!AI自动保证每个版本的尺寸准确无误
🎨 免费体验AI批量处理商品图
色彩韵在线AI工具支持批量调整图片尺寸、智能抠图、换背景、调色一站式处理,内置淘宝/京东/拼多多/抖音/小红书/快手预设尺寸模板,无需安装,打开即用。新用户免费使用全部功能。