为什么详情页尺寸直接影响转化率
详情页尺寸设置错误，是电商新手最常踩的坑之一。图片宽度不符合平台规范，会导致自动压缩变形；单张图片高度过长，平台会强制截断；文件体积过大，移动端加载超过3秒，跳出率会明显上升。
根据行业常见经验值，详情页加载时间每增加1秒，转化率平均下降约7%至10%。这意味着尺寸不合规不只是视觉问题，而是直接影响GMV的运营问题。
在正式设计详情页之前，必须先确认目标平台的尺寸规范，再开始出图，而不是设计完成后再去适配。返工成本远高于前期规划成本。
各主流平台详情页尺寸规范汇总
以下数据综合2025-2026年各平台官方公告及行业常见操作区间，供商家参考使用。
平台
推荐宽度
单张高度建议
单张文件大小
最多张数
淘宝（移动端）
750px
≤1500px
≤3MB
20张
天猫
750px
≤1500px
≤3MB
20张
京东
750px
≤1500px
≤2MB
20张
拼多多
750px
≤1500px
≤1MB
20张
抖音小店
800px
≤1500px
≤3MB
20张
视频号小店
750px
≤1500px
≤5MB
15张
小红书薯店
750px
≤1500px
≤5MB
18张
注意：拼多多对文件大小限制最严，单张建议压缩至500KB以内，否则上传速度慢且容易失败。
主图与详情图的尺寸区别
商品主图和详情页内容图的尺寸规范是两套标准，不能混用。
主图尺寸要求：
淘宝/天猫：800×800px起，推荐1:1正方形，支持放大镜功能需800px以上
京东：800×800px，1:1正方形，白底图为主
拼多多：800×800px，1:1正方形
抖音小店：800×800px，支持1:1和3:4两种比例
小红书薯店：800×800px或800×1067px（3:4竖图）
详情内容图尺寸要求：
详情内容图宽度统一推荐750px至800px，高度按内容模块切割，每张控制在600px至1200px之间。不建议将整个详情页做成一张超长图上传，原因有3点：
超长图加载慢，移动端用户等待耐心有限
平台可能自动压缩，导致文字模糊
无法对单个模块做A/B测试
抖音小店详情页尺寸实操要点
根据2025-2026官方公告，抖音小店（即抖音电商旗下的商家店铺）详情页有以下具体规范：
推荐宽度800px，图片格式支持JPG、PNG、WebP，单张不超过3MB，最多上传20张图片。视频详情支持上传时长15秒至60秒的短视频，分辨率建议720P以上。
抖音小店的详情页设计逻辑与传统货架电商不同。由于流量来源以短视频和直播为主，用户进入详情页时已有一定购买意向，详情页的核心任务是消除顾虑、强化信任，而不是从零开始种草。
实操建议：详情页前3张图重点展示核心卖点和使用场景，第4至8张图放产品参数、材质说明、尺寸对比，最后2至3张放用户评价截图或质检报告。这个结构在行业内被验证为转化效果较稳定的排列方式（经验值）。
淘宝天猫详情页尺寸设计规范
淘宝和天猫的详情页尺寸规范基本一致，但天猫对图片质量要求更高，模糊图片会影响搜索权重评分。
PC端详情页： 宽度950px，高度不限，但建议单张不超过1500px。PC端详情页目前流量占比持续下降，行业经验值约为15%至25%，但客单价高的品类（如家电、家具）PC端占比仍较高。
移动端详情页： 宽度750px，这是淘宝无线详情页的标准宽度。如果只做一套详情页，优先做750px移动端版本。
实操步骤：
在Photoshop或即时设计中新建画布，宽度750px，分辨率72dpi
按模块设计，每个模块高度控制在600px至900px
导出时选择「存储为Web所用格式」，JPG质量设置80%
使用TinyPNG或Squoosh进行二次压缩，目标单张500KB以内
按顺序上传至淘宝商家后台「图文详情」模块
拼多多详情页尺寸与压缩技巧
拼多多对详情页图片的文件大小限制是各平台中最严格的，单张建议不超过500KB至1MB（行业常见操作区间）。超出限制会导致上传失败或平台自动压缩，影响图片清晰度。
拼多多商家后台（多多进宝/拼多多商家版）上传详情图时，系统会自动检测图片尺寸和大小。宽度超过750px的图片会被等比压缩至750px，因此直接按750px出图即可，不需要出更大尺寸再让平台压缩。
压缩工具推荐：
TinyPNG：在线免费，JPG/PNG均支持，压缩率约60%至80%
Squoosh：Google出品，支持WebP格式转换，压缩效果更好
即时设计/Figma导出：可在导出设置中直接控制质量参数
拼多多详情页的内容逻辑偏向价格敏感型用户，建议在详情页前2张图明确展示价格优势、赠品信息和发货时效，这3个信息点对拼多多用户的决策影响最直接。
移动端适配与响应式详情页设计
2025年各主流电商平台移动端流量占比普遍超过75%（行业常见区间），详情页设计必须以移动端为首位优先级。
移动端详情页的核心适配原则：
文字大小： 正文字体不小于28px（对应750px画布），标题不小于36px，确保手机屏幕上可读
按钮和图标： 可点击区域不小于44×44px，避免误触
图片比例： 竖版图片（3:4或9:16）在移动端信息流中展示面积更大，主图优先考虑竖版
色彩对比： 文字与背景对比度建议不低于4.5:1，弱光环境下也能清晰阅读
视频号小店的详情页设计需要特别注意：视频号用户来自微信生态，使用习惯与淘宝、抖音用户有差异，详情页风格建议偏向简洁、信任感强，减少过度促销元素。根据2025-2026官方公告，视频号小店详情页支持图文和视频混排，视频建议时长30秒至90秒。
详情页设计工具与上传流程
选对工具能显著提升详情页制作效率。以下是2025年主流选择：
设计工具：
即时设计： 国内团队协作首选，有大量电商详情页模板，支持750px画布预设，导出方便
Photoshop： 功能最全，适合需要精细修图的商品图处理
Canva/创客贴： 适合没有设计基础的商家快速出图，模板丰富
稿定设计： 国内电商场景模板多，上手快
标准上传流程（以淘宝为例）：
登录淘宝商家后台（千牛工作台）
进入「商品管理」→「发布商品」或「编辑商品」
找到「图文详情」模块，点击「上传图片」
按顺序上传已压缩的详情图，每张确认预览无变形
保存草稿后在手机端预览实际展示效果
确认无误后提交审核
其他平台（抖音小店/拼多多/京东）的上传入口位置不同，但流程逻辑基本一致。建议每次上传后都在手机端实际查看效果，后台预览与真实展示有时存在差异。
常见详情页尺寸错误与排查方法
以下是商家最常遇到的详情页尺寸问题及对应排查方法：
问题1：图片上传后显示模糊
排查：检查原图分辨率是否低于72dpi，或压缩时质量参数设置过低（低于60%）。解决方案：重新导出，JPG质量设置80%，分辨率72dpi。
问题2：图片在手机端显示变形
排查：检查图片宽度是否不是750px的整数倍，或上传了非标准比例的图片。解决方案：统一使用750px宽度出图。
问题3：上传失败或卡住
排查：检查单张文件大小是否超出平台限制。拼多多最严，超过1MB容易失败。解决方案：用TinyPNG压缩后重新上传。
问题4：详情页在PC端显示有白边
排查：PC端详情区域宽度为950px，上传750px图片会在两侧出现白边。解决方案：接受白边（移动端优先策略）或单独制作950px宽的PC端详情图。
问题5：平台审核驳回
排查：除尺寸外，还需检查图片内是否含有违规文字（如极限词、竞品名称、二维码）。尺寸合规只是审核通过的必要条件之一，内容合规同样重要。