淘宝店铺首页尺寸_网站淘宝首页设计尺寸
发布时间:2026-07-12 05:26:19 来源:自贡涛仕网络科技有限公司 点击次数:42

淘宝页面尺寸设计需根据页面类型和设备适配要求进行区分,淘宝淘宝具体如下:

一、店铺主要页面尺寸规范

淘宝店铺首页尺寸_网站淘宝首页设计尺寸

商品详情页

淘宝店铺首页尺寸_网站淘宝首页设计尺寸

宽度:

固定为750像素,首页首页设计适配电脑、尺寸尺寸手机等设备

淘宝店铺首页尺寸_网站淘宝首页设计尺寸

高度:无明确限制,网站但建议控制在950像素左右以适应手机屏幕

图片要求:单张图片建议500K以内,淘宝淘宝连体图片总大小不超过3M,店铺主图需为正方形(1:1)或3:4比例

店铺首页

PC端:

宽度1920像素,首页首页设计高度无限制,尺寸尺寸需适配大屏幕设备

手机端:宽度750像素,网站高度420像素,淘宝淘宝确保内容清晰可见

页头尺寸:PC端推荐960×400像素,店铺手机端750×420像素

其他页面

店招:

宽度≤950像素,首页首页设计高度≤150像素

促销区:宽度≤740像素,尺寸尺寸高度无限制

公告:推荐400×200像素,网站支持滚动功能

分类按钮:宽度≤160像素,高度和个数无限制

二、设计建议

响应式设计

使用CSS媒体查询实现多设备适配,确保图片和布局在不同屏幕尺寸下自适应

例如:手机端图片宽度设置为750px(100%),PC端为1920px(100%)

图片优化

压缩图片至500K以内,优先使用高分辨率主图(750×1000)和详情页主图(700×700)

使用GIF动图时需切片处理,避免因格式不支持导致显示问题

布局原则

保持页面元素(如导航栏、图片、文字)的间距合理,避免内容拥挤

高度建议控制在950像素左右,避免长页面影响用户体验

三、注意事项

淘宝平台可能不定期更新尺寸规范,建议定期查看后台最新要求

部分特殊页面(如活动海报)可参考淘宝官方模板或素材库

通过以上规范和建议,可确保淘宝页面在不同设备上呈现一致且美观的视觉效果。