编辑页面时,大部分情况下图片是自适应的,图片的高度不限,宽度有设计规则。
由于手机屏幕的宽度是有限的,若上传图片如果较宽,为了全部显示图片,系统就会压缩图片,导致图片不清晰。
此时提供一个思路:常见的图片宽度为(750-1050)像素。
如果一排放两个图片,那上传的图片就要设置宽度为750÷2=375像素左右;
一排放三个图片,每张图片的宽度是750÷3=250像素左右。
以此类推……
下面针对常用的组件做个推荐指数:
1. 使用【图片广告】组件时,图片尺寸为:高度不限,宽(750-1050)像素;
2. 使用【图片墙】组件时,通过图片墙排版后,组件编辑区会有对应的尺寸提示;
3. 使用【图文导航】组件时,图片一般会是正方形。一排放三个,图片尺寸是:225*225像素;一排放四个,图片尺寸是:166*166像素;一排放五个,图片尺寸是130*130像素。一般一排最多放五个。导航图标较多时,推荐使用两个【图文导航】组件累加使用。
4. 编辑会员卡时,会员卡的图片为:750*350像素
5. 编辑商品时,主图为800*800像素,商品详情页为750*(750--1500)像素。
6. 视频封面为:750*750像素 视频的比例一般为1:1(若使用4:3或者16:9,读取视频时,可能会有黑边框,可根据您的喜好设置即可)。