图片压缩

插件对比：

一、compressorjs
1、使用方式

• npm i compressorjs --save
• 引入：import Compressor from ‘compressorjs’;
• 使用：
  

2、压缩结果
（图片原始大小为9.8M）:

（图片原始大小为4.4M）:

由上图可见，当图片为5M左右时，压缩效果并不明显。

二、image-compressor.js
由名称就可看出，和compressorjs异曲同工，使用方法、引入以及压缩效果与compressorjs别无二致，故在此不做赘述。

三、lrz
1、使用方式

• npm i lrz --save
• 引入：import lrz from ‘lrz’;
• 使用：
  
  2、压缩结果
  （图片原始大小为9.8M）:
  

（图片原始大小为4.4M）:

由上图可见，无论图片大小多少，压缩效果都是十分可观的。

图片压缩，最害怕的便是压缩后图片会不会失真严重

压缩效果

压缩效果图对比：
图片原始大小：9.8M
compressorjs、image-compressor.js压缩后：279KB
lrz压缩后：201KB

故而小编比较推荐使用lrz。