png图片优化webp

png图片优化webp

页面背景等图片的尺寸都是很大的，png的尺寸一般是的100+kb，导致加载比较慢,需要优化；

实现方案 ：
转换之前的png先使用tinypng link 做一次压缩，再去转换；（为了减少转换次数，因为转换网站要排队比较慢）
1.将png转换成webp，可以使用转换网站：https://cloudconvert.com/png-to-webp link
2.在项目中判断浏览器是否支持png，然后在全局添加class样式，再针对class样式我们替换对应的背景图片即可；

function check_support_webp {
   
   try {
   
      return (document.crea