2020-05-09 前端图片太多，图片太大怎么优化

1、小图多可以用图标，例如阿里巴巴iconfont库https://www.iconfont.cn/home/index。

2、使用精灵图。

3、大图可以进行压缩，压缩网站eg:https://tinypng.com/。

4、图片懒加载，像淘宝或者京东这样的APP页面上有很多图片,当我们滑到下一屏时下一屏的图片才会加载,这就采用了图片懒加载的方式.图片懒加载,简单来说就是在页面渲染过程中,图片不会一次性全部加载,会在需要的时候加载,比如当滚动条滚动到某一个位置时触发事件加载图片,通过js将img标签的data-src属性赋值给src属性。

5、使用webp格式，缺点：浏览器支持度不够