关于电商详情页尺寸,综合不同平台和设计规范,主要分为以下要点:
一、主流尺寸规范
手机端 - 宽度:750px(淘宝/天猫等主流平台要求)
- 高度:1334px(iPhone 11等主流机型屏幕宽度)
- 注意:单张图片最大高度不超过2500像素,建议控制在960-1500px之间以优化加载速度。
PC端
- 宽度:790px(淘宝/天猫官方推荐)
- 高度:不限,但建议保持页面比例协调。
二、其他注意事项
图片尺寸
- 主图:宽度≥750px,高度≤1000px(避免压缩导致失真)
- 详情图:宽度与主图一致,高度根据内容调整
- 淘宝/天猫:单张图片大小≤10240KB,建议使用3M以内的连体图提升加载效率。
排版建议
- 字号:标题16-24px,正文12-14px
- 结构:采用“F型”或“Z型”布局,突出产品卖点;使用对比色和空白区域增强视觉吸引力。
响应式设计
- 使用CSS媒体查询或模板工具(如稿定设计),确保页面在不同设备上自适应显示。
三、特殊说明
平台差异: 淘宝/天猫主图尺寸为800×800(部分特殊场景可能要求750×700),需根据具体商品类目确认;其他平台(如京东)可能有不同规范。- 模板选择
以上尺寸为通用建议,具体需结合商品特性和平台要求调整。