📌 核心摘要

2026 年电商详情页设计，移动端 750px 宽度是绝对主流（淘宝、拼多多、京东、抖音全部采用）。主图统一 800×800px 正方形，SKU 图 800×800px。详情页切片单张高度不超过 1500px，总高度不超过 15000px，JPG 压缩到 200KB 以内。了解这些规范，做出来的详情页才不会被平台裁剪或加载缓慢。

淘宝商品详情页做多宽才合适？电商平台详情页尺寸规范 2026

Q: 淘宝详情页宽度应该是多少？

淘宝/天猫商品详情页的宽度标准是 750px（移动端）或 790px（PC端）。移动端详情页建议每张切片图宽度 750px，高度不限（建议单张不超过 1500px，否则加载慢）。PC 端详情页宽度 790px，高度不限。2026 年淘宝流量 90% 以上来自移动端，建议优先设计移动端 750px 宽度的详情页。

Q: 淘宝主图的尺寸和格式要求是什么？

淘宝主图标准尺寸：800×800px（1:1 正方形），支持 JPG、PNG 格式，文件大小不超过 3MB。第 1 张主图最重要（搜索列表中显示），要求白底或干净背景，产品占比 70% 以上。第 2-5 张可以展示产品细节、使用场景、尺码表等。建议制作 800×800px 的高清图，同时准备 1:1 和 3:4 两种比例（部分活动页面需要 3:4 竖版图）。

Q: 拼多多和淘宝的详情页尺寸一样吗？

不一样。淘宝移动端详情页宽度 750px，拼多多移动端详情页宽度也是 750px（两者相同），但拼多多的主图要求 800×800px 或 800×1200px（3:4 竖版）。拼多多主图第 1 张要求纯白底，否则可能被降权。详情页切片高度建议不超过 1500px，否则加载慢影响用户体验。两个平台的 SKU 图（规格图）尺寸都是 800×800px。

Q: 电商详情页图片太大加载慢怎么办？

详情页图片过大会严重影响加载速度和转化率。优化建议：1）单张切片图高度不超过 1500px，总高度不超过 15000px；2）JPG 格式压缩到 200KB 以内（质量 80% 左右即可）；3）PNG 格式只用于需要透明背景的图；4）使用 WebP 格式（部分平台支持，体积比 JPG 小 30%）；5）将长详情页切成多张短图，每张 800-1200px 高度，用户滚动时按需加载。

Q: 电商主图视频的尺寸和时长要求是什么？

淘宝主图视频：比例 1:1（800×800px）或 3:4（800×1200px），时长 9-30 秒，文件大小不超过 100MB，建议 30-50MB。拼多多主图视频：比例 1:1 或 3:4，时长 5-30 秒，不超过 100MB。京东主图视频：比例 1:1（800×800px），时长 15-60 秒，不超过 200MB。视频内容建议：前 3 秒展示产品全貌，中间展示功能/卖点，最后展示品牌 logo 和购买引导。

Q: 电商店铺装修的店招（banner）尺寸是多少？

淘宝/天猫 PC 端店招：1920×150px（实际显示区域 950px，两侧为通栏背景）。淘宝移动端店铺首页 banner：750×440px（推荐），比例可以灵活调整。拼多多店铺 banner：750×350px。京东 PC 端店招：1920×120px。抖音小店首页 banner：750×500px。设计时注意：文字和重要内容要放在安全区域内，避免被裁剪。

一、为什么电商图片尺寸如此重要？

电商平台的图片尺寸规范不是"建议"，而是强制要求。尺寸不对会导致：1）图片被平台自动裁剪，关键信息丢失；2）图片模糊或被拉伸变形，影响品牌形象；3）文件过大导致加载慢，用户流失率增加（加载每慢 1 秒，转化率下降 7%）；4）不符合规范的商品可能被降权，影响搜索排名。

2026 年中国电商流量中，移动端占比超过 95%，这意味着详情页设计必须"移动优先"——先在 750px 宽度下设计，再考虑 PC 端的适配。

电商图片尺寸不规范带来的损失

问题	影响	数据
图片加载慢	用户跳出率上升	每慢 1 秒，转化率降 7%
图片被裁剪	文字/产品被截断	关键信息丢失 30%
图片模糊	品牌印象差	购买意愿降 40%
主图不规范	搜索排名下降	曝光量减少 20%-50%

二、淘宝/天猫详情页尺寸规范（2026 最新版）

商品主图

图片类型	尺寸（px）	比例	格式/大小	备注
主图（标准）	800 × 800	1:1	JPG/PNG ≤ 3MB	第 1 张最重要，白底优先
主图（竖版）	800 × 1200	3:4	JPG/PNG ≤ 3MB	部分活动页面需要
SKU 图	800 × 800	1:1	JPG/PNG ≤ 3MB	不同颜色/规格的产品图
长图（逛逛）	800 × 1200	3:4	JPG/PNG ≤ 3MB	淘宝逛逛内容展示
白底图	800 × 800	1:1	JPG ≤ 500KB	纯白背景，无文字无 Logo

商品详情页

平台	宽度（px）	单张高度	总高度限制	切片建议
淘宝移动端	750	≤ 1500	≤ 15000	每段 800-1200px
淘宝 PC 端	790	不限	≤ 20000	可与移动端共用
天猫移动端	750	≤ 1500	≤ 15000	同淘宝
天猫 PC 端	790	不限	≤ 20000	可与移动端共用

店铺装修

模块	尺寸（px）	说明
PC 店招	1920 × 150	实际显示 950px，两侧通栏
PC 海报/banner	1920 × 400-600	通栏宽度，内容居中 950px
移动端店铺首页 banner	750 × 440	推荐比例 750:440
移动端首页导航图标	144 × 144	每个图标 144px 正方形

三、拼多多详情页尺寸规范

拼多多与淘宝在详情页宽度上保持一致（750px），但在主图和运营规则上有明显差异。

图片类型	尺寸（px）	特殊要求
主图	800 × 800 或 800 × 1200	第 1 张必须纯白底
详情页	750 × 不限	单张 ≤ 1500px 高度
SKU 图	800 × 800	白底或浅色背景
店铺 banner	750 × 350	移动端首页顶部
活动图	800 × 800	用于百亿补贴等活动

⚠️ 拼多多特别注意

拼多多对主图第 1 张有强制白底要求——不能有文字、Logo、边框、阴影等元素。不符合要求的商品会被降权或限制参加促销活动。这与淘宝不同（淘宝允许主图有文字说明），设计师需要为两个平台分别准备主图。

四、京东与抖音电商尺寸规范

京东

京东的尺寸规范相对灵活，但有以下建议：

图片类型	尺寸（px）	说明
主图	800 × 800	支持 1:1 和 3:4
详情页	750 / 790	移动端 750px，PC 端 790px
主图视频	800 × 800	15-60 秒，≤ 200MB
PC 店招	1920 × 120	通栏宽度

抖音电商

图片类型	尺寸（px）	说明
商品主图	800 × 800	1:1 正方形
商品详情图	750 × 不限	移动端适配
短视频封面	1080 × 1920	9:16 竖版
小店首页 banner	750 × 500	移动端首页顶部
直播间背景	1080 × 1920	9:16 竖版

五、电商图片优化技巧（提升加载速度）

图片压缩策略

JPG 用于照片：商品图片、场景图使用 JPG 格式，质量设置 80%，压缩到 200KB 以内
PNG 用于图标和文字：需要透明背景或文字清晰的图使用 PNG，但体积会比 JPG 大
WebP 是未来：部分平台已支持 WebP 格式，比 JPG 小 30% 且质量相同
切片是关键：不要做一张超长的图片，切成 10-15 张短图（每张 800-1200px 高度），用户滚动时按需加载

详情页切片最佳实践

切片位置	建议高度	文件大小	说明
首图（卖点图）	600-800px	≤ 150KB	最关键的图片，必须秒开
产品展示图	800-1000px	≤ 200KB	多角度展示产品
细节特写	800-1200px	≤ 200KB	材质、工艺细节
场景/模特图	1000-1200px	≤ 250KB	使用场景展示
参数/尺码表	500-800px	≤ 100KB	文字为主的图片
品牌故事/售后	600-800px	≤ 150KB	增强信任感

🎯 图片优化口诀

宽度固定 750px，高度切片 800-1200；
JPG 质量 80%，单张不超 200KB；
首图最重要，越小越快越好；
总高度不超过 15000px，切成 10-15 张短图。

六、多平台通用设计模板建议

如果需要在多个平台同时上架商品，建议采用"一套设计，多端适配"的策略：

详情页统一用 750px 宽度设计（所有平台移动端都支持）
主图准备两套：800×800px（通用）+ 白底版（拼多多专用第 1 张）
文字字号不小于 24px（在 750px 宽度下，对应手机端约 12px，保证可读性）
重要内容放在页面中间 690px 安全区域内（左右各留 30px 边距）
所有图片导出为 JPG 格式，质量 80%（兼顾清晰度和文件大小）

详情页内容结构推荐

顺序	内容模块	目的	占比
第 1 屏	产品卖点图（3-5 个核心卖点）	3 秒内抓住注意力	10%
第 2 屏	产品多角度展示	全面了解产品外观	15%
第 3 屏	细节特写 + 材质说明	建立品质信任	20%
第 4 屏	使用场景 / 模特展示	激发购买欲望	20%
第 5 屏	参数表 / 尺码表 / 对比图	辅助购买决策	15%
第 6 屏	品牌介绍 / 售后保障	消除购买顾虑	10%
第 7 屏	买家秀 / 好评截图	社会认同	10%

❓ 常见问题 FAQ

淘宝详情页宽度应该是多少？

淘宝移动端详情页宽度 750px，PC 端 790px。2026 年淘宝流量 90% 以上来自移动端，建议优先设计 750px 宽度的详情页，单张切片高度不超过 1500px，总高度不超过 15000px。

淘宝主图的尺寸和格式要求是什么？

淘宝主图标准尺寸 800×800px（1:1 正方形），支持 JPG/PNG 格式，文件不超过 3MB。第 1 张主图要求白底或干净背景，产品占比 70% 以上。建议同时准备 1:1 和 3:4（800×1200）两种比例。

拼多多和淘宝的详情页尺寸一样吗？

详情页宽度一样（都是 750px），但主图要求不同：拼多多第 1 张主图必须纯白底，不能有文字和 Logo，否则会被降权。设计师需要为两个平台分别准备主图。

电商详情页图片太大加载慢怎么办？

优化方法：1）单张切片高度不超过 1500px；2）JPG 质量设 80%，压缩到 200KB 以内；3）将长详情页切成 10-15 张短图按需加载；4）PNG 仅用于需要透明的图；5）有条件可使用 WebP 格式。

电商主图视频的尺寸和时长要求是什么？

淘宝：1:1（800×800）或 3:4（800×1200），9-30 秒，≤100MB。拼多多：1:1 或 3:4，5-30 秒，≤100MB。京东：1:1（800×800），15-60 秒，≤200MB。建议前 3 秒展示产品全貌。

电商店铺装修的店招（banner）尺寸是多少？

淘宝/天猫 PC 店招 1920×150px（实际显示 950px）；移动端店铺 banner 750×440px。拼多多店铺 banner 750×350px。京东 PC 店招 1920×120px。抖音小店首页 banner 750×500px。重要内容放在安全区域内避免被裁剪。

🔗 相关资源与服务

📂 色彩韵网站导航

🏠 色彩韵首页 · 🛠️ AI 在线工具 · 🎨 设计服务 · 📚 技巧学院 · 📋 全部文章 · 📏 更多尺寸规范