电商设计 · 约9分钟
电商商品图片尺寸指南:建立统一商品目录

商品图片使用统一的视觉画框,能让目录看起来更整洁可信。这不代表每张照片都必须被裁成一样:关键是建立可重复的画布和主体比例规则,同时遵守商店当前的图片要求并保留商品外观。
先确认图片最终使用位置
不存在适用于所有平台的统一尺寸
商店和平台可能调整接受的像素尺寸、宽高比与文件体积限制。批量准备图片前,先检查目标平台的最新要求,不要默认上次项目使用的设置仍然适用。
保留整理好的大尺寸母版,再针对每个版位导出副本。商品详情图、列表缩略图和社交推广裁切的构图需求可能并不相同。
统一画框,但不要拉伸商品
把主体大小与画布分开处理
不要把商品拉伸填满正方形。比例不同时,应使用背景画布或经过确认的裁切方式。
- 记录目标版位要求的像素宽高和宽高比。
- 确定商品是否必须完整显示,或是否允许有意裁切。
- 按比例缩放;需要统一构图时,将结果放在标准画布上。
- 为同类商品保留一致的视觉留白。
- 按要求导出格式,并以缩略图尺寸抽查代表商品。
案例:外形各异的家居用品目录
统一画布,灵活控制商品占比
商品目录可能同时包含高瓶、宽碗和小型配件。使用共同的正方形输出画布可以对齐列表卡片,同时让商品本身占据合理画面比例,避免小物件在视觉上弱于大型商品。可以先定义主体占比规则,再按品类检查例外。
商品目录导出的生产检查表
保留可编辑母版
- 每次交付前检查平台当前的图片要求。
- 保留高质量母版,并分别生成交付副本。
- 保持宽高比,不要为了版式拉伸商品。
- 检查颜色、裁切、留白和手机端缩略图可读性。
- 根据透明需求与目标兼容性选择图片格式。