一、为什么电商图片尺寸如此重要？
电商平台的图片尺寸规范不是"建议"，而是强制要求。尺寸不对会导致：1）图片被平台自动裁剪，关键信息丢失；2）图片模糊或被拉伸变形，影响品牌形象；3）文件过大导致加载慢，用户流失率增加（加载每慢 1 秒，转化率下降 7%）；4）不符合规范的商品可能被降权，影响搜索排名。
2026 年中国电商流量中，移动端占比超过 95%，这意味着详情页设计必须"移动优先"——先在 750px 宽度下设计，再考虑 PC 端的适配。
电商图片尺寸不规范带来的损失
| 问题 |
影响 |
数据 |
| 图片加载慢 |
用户跳出率上升 |
每慢 1 秒，转化率降 7% |
| 图片被裁剪 |
文字/产品被截断 |
关键信息丢失 30% |
| 图片模糊 |
品牌印象差 |
购买意愿降 40% |
| 主图不规范 |
搜索排名下降 |
曝光量减少 20%-50% |
三、拼多多详情页尺寸规范
拼多多与淘宝在详情页宽度上保持一致（750px），但在主图和运营规则上有明显差异。
| 图片类型 |
尺寸（px） |
特殊要求 |
| 主图 |
800 × 800 或 800 × 1200 |
第 1 张必须纯白底 |
| 详情页 |
750 × 不限 |
单张 ≤ 1500px 高度 |
| SKU 图 |
800 × 800 |
白底或浅色背景 |
| 店铺 banner |
750 × 350 |
移动端首页顶部 |
| 活动图 |
800 × 800 |
用于百亿补贴等活动 |
⚠️ 拼多多特别注意
拼多多对主图第 1 张有强制白底要求——不能有文字、Logo、边框、阴影等元素。不符合要求的商品会被降权或限制参加促销活动。这与淘宝不同（淘宝允许主图有文字说明），设计师需要为两个平台分别准备主图。
五、电商图片优化技巧（提升加载速度）
图片压缩策略
- 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% |