淘宝图片轮播的尺寸与设置指南
一、淘宝图片轮播的尺寸规范
淘宝图片轮播需根据设备类型PC端/移动端适配不同尺寸,以确保展示效果和加载效率。
1. PC端轮播图尺寸
宽度固定为1920px,高度在
500px-540px之间。主流尺寸为
1920px×500px,部分场景如活动页可使用
1920px×540px。需意:宽度过窄会导致两侧留白,过高则可能压缩页面其他内容,影响用户浏览。
2. 移动端轮播图尺寸
宽度固定为750px,高度在
350px-450px之间,比例约为1:0.47-0.6。该尺寸适配手机屏幕主流宽度750px,避免图片拉伸或压缩,确保在竖屏状态下清晰展示。
二、淘宝图片轮播的设置步骤
1. PC端轮播设置
- 登录淘宝卖家中心,进入“店铺装修”页面路径:卖家中心→店铺管理→店铺装修。
- 在左侧“模块库”中找到“轮播图”模块,拖动至装修区域如首页顶部。
- 点击模块右上角“编辑”按钮,上传提前准备好的图片格式限JPG/PNG,单张大小≤5MB,按提示调整顺序。
- 设置图片跳转链接需为https协议、轮播切换效果如“淡入淡出”“左右滑动”、自动播放速度3-5秒/张,点击“确定”后保存并发布装修。
2. 移动端轮播设置
- 进入“手机店铺装修”路径:卖家中心→店铺管理→手机店铺装修,选择需添加轮播的页面如首页。
- 在“组件库”中找到“轮播图”组件,拖入编辑区域。
- 点击“上传图片”,选择750px宽的图片,设置高度350-450px,支持批量上传3-5张,避免过多影响加载。
- 配置每张图片的跳转链接支持商品/活动页,开启“自动播放”,设置轮播间隔同PC端3-5秒,保存后预览效果,确认误点击“发布”。