类似微信朋友圈的九宫格,图片是在图床上切成正方形给前端还是在前端在显示时再切成正方形
光阴似箭催人老,日月如移越少年。
一般在后端处理好显示正方形,但还是具体看需求。后端返回这种方形缩略图可以加快列表显示的速度,但如果还要查看详情,就会再次访问,不过鉴于不可能每张缩略图都有可能被点击的可能,所以用后端处理好的缩略图去显示是比较好的做法,不过后端不提供也是可以的,直接获取原图在前端进行显示,只不过可能加载的时候会慢些,一次性也会消费更多的流量,只是在显示大图的时候不用二次加载,具体还是看整体怎么考虑的。
两种方式都可以实现
服务器端提供两套图,一套按正方形比例缩放裁剪后的缩略图,一套原图,缩略图用于九宫格,原图用于点击后查看大图功能。
服务器端只提供原图,客户端下载原图到本地,按正方形比例裁剪(比例按具体屏幕分辨率取值)填充九宫格,大图功能和上边一样。
合理的方式应该是第一种方案,缩略图体积小,传输快,用户体验会好一些。
一般在后端处理好显示正方形,但还是具体看需求。后端返回这种方形缩略图可以加快列表显示的速度,但如果还要查看详情,就会再次访问,不过鉴于不可能每张缩略图都有可能被点击的可能,所以用后端处理好的缩略图去显示是比较好的做法,不过后端不提供也是可以的,直接获取原图在前端进行显示,只不过可能加载的时候会慢些,一次性也会消费更多的流量,只是在显示大图的时候不用二次加载,具体还是看整体怎么考虑的。
两种方式都可以实现
服务器端提供两套图,一套按正方形比例缩放裁剪后的缩略图,一套原图,缩略图用于九宫格,原图用于点击后查看大图功能。
服务器端只提供原图,客户端下载原图到本地,按正方形比例裁剪(比例按具体屏幕分辨率取值)填充九宫格,大图功能和上边一样。
合理的方式应该是第一种方案,缩略图体积小,传输快,用户体验会好一些。