类似微信朋友圈的九宫格,图片是在图床上切成正方形给前端还是在前端在显示时再切成正方形
光阴似箭催人老,日月如移越少年。
一般在後端處理好顯示正方形,但還是具體看需求。後端返回這種方形縮圖可以加快列表顯示的速度,但如果還要查看詳情,就會再次訪問,不過鑑於不可能每張縮圖都有可能被點擊的可能,所以用後端處理好的縮圖去顯示是比較好的做法,不過後端不提供也是可以的,直接獲取原圖在前端進行顯示,只不過可能加載的時候會慢些,一次性也會消費更多的流量,只是在顯示大圖的時候不用二次加載,具體還是看整體怎麼考慮的。
兩種方式都可以實現
伺服器端提供兩套圖,一套按正方形比例縮放裁剪後的縮圖,一套原圖,縮圖用於九宮格,原圖用於點擊後查看大圖功能。
伺服器端只提供原圖,客戶端下載原圖到本地,按正方形比例裁剪(比例按具體屏幕分辨率取值)填充九宮格,大圖功能和上邊一樣。
合理的方式應該是第一種方案,縮圖體積小,傳輸快,使用者體驗會好一些。
一般在後端處理好顯示正方形,但還是具體看需求。後端返回這種方形縮圖可以加快列表顯示的速度,但如果還要查看詳情,就會再次訪問,不過鑑於不可能每張縮圖都有可能被點擊的可能,所以用後端處理好的縮圖去顯示是比較好的做法,不過後端不提供也是可以的,直接獲取原圖在前端進行顯示,只不過可能加載的時候會慢些,一次性也會消費更多的流量,只是在顯示大圖的時候不用二次加載,具體還是看整體怎麼考慮的。
兩種方式都可以實現
伺服器端提供兩套圖,一套按正方形比例縮放裁剪後的縮圖,一套原圖,縮圖用於九宮格,原圖用於點擊後查看大圖功能。
伺服器端只提供原圖,客戶端下載原圖到本地,按正方形比例裁剪(比例按具體屏幕分辨率取值)填充九宮格,大圖功能和上邊一樣。
合理的方式應該是第一種方案,縮圖體積小,傳輸快,使用者體驗會好一些。