前端必备之 <图片压缩>

在实际工作中，达到一个目的往往有多种途径，各种方式相互弥补。同样图片压缩有时候也需要多种方式配合。前端日常开发过程中，一般使用项目构建工具和手工在线压缩结合。图片压缩能够极大提升页面性能，本文介绍的 Tingyjpg，前端居家旅行必备。

一、在线压缩

网站：tinyjpg.com/

从截图中可以看出，压缩率达到了 60% 左右，而且对比压缩前后的图片，相差不是蛮大，还是非常不错的。

二、本地命令压缩

此 npm 包出自 ssthouse

1. 安装该命令行工具

   npm install -g @ssthouse/img-compress
   

2. 设置 API key （注: API key 需要在 tiniyjpg 网站 进行申请，提供用户名和邮箱即可得到一个 500 次/ 每月 的 key ）

   img-compress init -key your_api_key
   

3. 如果你的 terminal 网络需要使用代理的话, 需要进行设置：

   img-compress proxy http://example.com
   

4. 开始压缩图片

   img-process img_file
   

命令执行成功后会在原图的同一目录看到压缩过的图片文件. 文件名以 __compress.文件后缀 结尾. 如: test.png => test_compress.png