问淘宝界面尺寸 店铺装修规范参数

淘宝界面尺寸分为 PC 端和手机端两大体系，商家做店铺首页 主图 详情页 店招 轮播海报都要按照官方推荐尺寸制作，PC 端是电脑浏览器展示界面，手机端是淘宝 APP 移动端界面，两套界面尺寸独立，不能混用，按照规范尺寸输出可以避免图片拉伸 裁切 留白异常，保证商品和页面在绝大多数设备显示正常。区分两套界面的原因是 PC 端屏幕宽，横向空间充足，适合多列布局，手机端屏幕窄，是纵向滑动单列布局，淘宝会根据不同分辨率做自适应缩放，但是图片如果不在推荐尺寸范围内，系统自动裁切之后容易丢失关键内容，同时淘宝后台上传的时候，部分模块还有文件大小 格式的限制，不只是像素尺寸要求。

PC 端淘宝界面核心模块尺寸

手机端淘宝界面核心模块尺寸

制作操作要点

1 设计软件优先使用 PS，新建画布的时候直接填入对应像素，分辨率选择 72，网页界面不需要 300 印刷分辨率

2 所有核心文字 商品主体，必须放在安全区域，因为不同手机屏幕比例不一样，边缘内容有可能被系统裁切

3 导出格式优先 JPG，透明模块使用 PNG，控制文件大小，淘宝后台上传有大小上限，图片过大会上传失败或者页面加载缓慢

4 主图如果想要开启放大镜功能，边长必须大于等于 800 像素，低于这个尺寸放大镜功能自动失效

5 长详情页不要做成单张超大图片，建议分段切片，分段上传，提升打开加载速度，减少用户等待

容易混淆的参数说明

PC 端通栏是 1920 宽，但是中间安全区是 950，很多新手直接把文字铺满 1920，在普通电脑显示器打开之后，两侧内容被浏览器遮挡。手机端虽然推荐宽度 750，但是不同手机屏幕会等比缩放，不会改变图片本身比例，只会整体缩放，但是模块自动裁切逻辑会裁掉上下多余部分。

淘宝界面尺寸不是强制死标准，是官方推荐最优尺寸，部分模块可以上传其他比例图片，但是会触发系统自动裁切，关键信息容易丢失，日常店铺装修优先严格按照表格参数新建画布，PC 和无线分开设计，不要一张图同时适配两端，这样可以最大程度保证淘宝界面展示效果稳定。

【常见问题】

问题 1 淘宝界面尺寸里面主图为什么推荐 800 乘 800

回答 1 淘宝界面尺寸推荐主图 800 乘 800，是因为这个正方形尺寸可以支持宝贝放大镜功能，在搜索页和宝贝详情都能完整展示，是淘宝界面尺寸最通用的主图规格。

问题 2 PC 端和手机端淘宝界面尺寸可以共用同一张海报吗

回答 2 PC 端和手机端淘宝界面尺寸不建议共用同一张海报，PC 是宽幅横向，手机端是竖长比例，强行共用会出现严重裁切，两套淘宝界面尺寸布局逻辑不一样，最好分开设计。

问题 3 淘宝界面详情页宽度为什么固定 750

回答 3 淘宝界面详情页统一宽度 750，是适配移动端主流屏幕，这个宽度在手机上不需要横向缩放，阅读体验最好，是无线端淘宝界面尺寸的标准基准宽度。

问题 4 淘宝界面通栏海报 1920 宽，重要内容为什么不能放最两侧

回答 4 淘宝界面通栏海报虽然画布是 1920 宽，但是普通电脑可视区域只有中间 950 安全区，最两侧内容会被浏览器遮挡，所以淘宝界面通栏海报重要元素必须放在安全区内。

【免责申明】

本内容为淘宝界面尺寸的常规装修参数整理，淘宝平台规则和模块尺寸会随版本更新调整，最终以上传后台官方最新提示为准，本内容不构成平台运营保证。