編輯頁面時,大部分情況下圖片是自適應的,圖片的高度不限,寬度有設計規(guī)則。
由于手機屏幕的寬度是有限的,若上傳圖片如果較寬,為了全部顯示圖片,系統(tǒng)就會壓縮圖片,導致圖片不清晰。
此時提供一個思路:常見的圖片寬度為(750-1050)像素。
如果一排放兩個圖片,那上傳的圖片就要設置寬度為750÷2=375像素左右;
一排放三個圖片,每張圖片的寬度是750÷3=250像素左右。
以此類推……
下面針對常用的組件做個推薦指數(shù):
1. 使用【圖片廣告】組件時,圖片尺寸為:高度不限,寬(750-1050)像素;
2. 使用【圖片墻】組件時,通過圖片墻排版后,組件編輯區(qū)會有對應的尺寸提示;
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,讀取視頻時,可能會有黑邊框,可根據(jù)您的喜好設置即可)。