Image 图片
规定产品中图片的选择、处理，以及在广告图上的设计规范。
图片比例
设计中图片的比例应尽量遵循图片视觉比例，比如：1:1、3:2、4:3、16:9。
| Example | Scale | Usage |
|---|---|---|
| 1:1 | 适用于商城商品图片、页面头像 | |
| 3:2 / 2:3 | 适用于企业宣传照片 | |
| 4:3 / 3:4 | -- | |
| 16:9 | -- |
图片规范
广告图片
- 广告背景：图片背景应尽可能的简单。
- 广告文案：文案应尽量精简明确。
商品图片
推荐
图片背景建议白色背景、主体尽量清晰。
慎用
不建议过于混乱的背景和过多无关的元素
其他素材
品牌 logo
推荐
logo 在缩小后应尽能正确和清晰显示 logo 的信息。
慎用
logo 在在缩小后信息不能模糊或者被裁剪。
店铺 logo
推荐
logo 图片应简洁，能直观的传达店铺的品牌信息。
慎用
logo 图片在缩小后不能模糊或者被裁剪。
代码适配
- 图片应能支持自适应缩放，不应该强制水平或垂直压缩，导致图片变形。
- 当图片不能正常显示时，显示图片的默认占位样式。
图片限制大小
警告
注意：如果上传图片的时候，超过所规定值的大小，应技术上自动压缩，尽量减少用户的重复处理上传工作。
| Value | Usage |
|---|---|
最大不超过 200kb | 用于图标、logo、品类图片。 |
最大不超过 1mb | 用于常规的广告图，比较通用。 |
最大不超过 5mb | 用于一些图片素材，比如企业宣传图。 |
设计指南
- 图片不应该影响用户对信息的读取
- 图片不应该包含政治、宗教等内容