webpack 图像压缩_基于webpack的图片压缩最佳方案

一、目标

实现项目构建时图片的最优图片压缩方案

复制代码

二、对比常见的在线图片压缩工具

1. tinypng png 压缩率 66%；网站；一次可提供20张图片压缩，提供开发API需要申请免费key，每月可压缩500张图片。

2. 优图压缩 png 压缩率 -6%；网站；惊悚，压缩之后变大了。

3. 图好快 png 压缩率 79%；网站；提供免费API，但是限速，有点慢，vip充值可提高并发数，唯一好的是不限制压缩数量，但是价格也不便宜；界面丑，可能没前端

4. Optimizilla png 压缩率 68%；网站；支持中文，没有提供API，压缩速度很快体验和tinypng一样，卖广告，一次可提供20张图片压缩

5. 腾讯智图 png 压缩率35%； 网站；智图是腾讯ISUX前端团队开发的一个专门用于图片压缩和图片格式转换的平台，其功能包括针对png,jpeg,gif等各类格式图片的压缩，以及为上传图片自动选择最优的图片格式。同时，智图平台还会为用户转换一份webp格式的图片，网站不收费无广告不提供对外API但提供各种安装客户端，其实使用感觉一般。

建议使用：Optimizilla 或 tinypng 压缩几乎无损

还有很多其它一些：https://www.zhihu.com/question/19779256?sort=created

复制代码

三、webpack图片压缩plugin

image-webpack-loader 基于