图片压缩和polyfill

236 阅读1分钟

一、图片

图片压缩是使用的image-webpack-loader插件进行压缩的。

Imagemin的优点:

  • 有很多定制的选项, 可以对多种格式的图片进行单独的配置。
  • 可以引入更多的第三方插件,比如:pngquant
  • 可以处理多种格式的图片

png的压缩原理:

  • pngquant:是一种png压缩器,通过将图像转换成alpha通道的更高效的8位PNG格式(通常比24/32位PNG文件小60%~80%),减少文件的大小。

  • pngcrush:主要是通过改变压缩等级和PNG过滤方法来降低PNG IDAT数据流的大小。

  • optipng:设计灵感来自于pngcrush,重新压缩图片为更小的尺寸,而不丢失数据。

  • tinypng:将24为png转换成更小有所有的8位png,将无用的metadata删除。

二、polyfill

不知道es6的属性的支持情况,可以在caniuse.com/进行查询。使用poly…

polyfill的原理是识别浏览器的UA, 根据不同的UA下发不同的polyfill。