基础部分:
1.图片压缩
1)前端压缩:
ps存图:
大图或者色彩比较丰富的图片一般存为jpg格式
小图,色彩比较单一的图片、需要透明背景的图片存为png
如果不太确定,可以分别选择这两种格式,对比下大小;
上线前可以使用tinyPNG对png图片进行压缩:可以压缩到原图的20%-30%左右,并且清晰度可以保证。
tinyPNG地址:https://tinypng.com/
2).后端返回数据中的图片,需要符合我们需要的尺寸(比如在640宽的UI图上,这张图是400px宽,那就需要后端返回400px宽的图)
如果图片很少 && 图片宽不大于640px的情况下,也可以不用单独缩图;
如果有大量图片(比如相册之类的),一定要麻烦后端缩图,不然会非常耗流量!!!这是友拍标签分享页在缩图前后的流量和速度对比: