1

咱们前端仔,开发过程中,为了网页的加载性能, 总是免不了需要对使用到的图片进行压缩。

曾几何时,我总是手动的上传到 tinypng 网站进行压缩然后再下载回来,但这个过程感觉特麻烦, 也用过 webpack 的相关插件, 感觉压缩效果不是很理想。 因此决定基于 tinypng 封装一个快捷的工具。

npm地址: tinypng-helper

安装

npm install tinypng-helper -g

配置

需要先去 tinypng 申请一个 key, 在此设置。
每个 key 每个月有 500 次免费使用

tinypng setkey (key)

使用方式

指定文件路径/文件夹路径

// 指定到文件
tinypng start /Users/xxx/Documents/work_space/other/resours/test.jpg
//  指定到文件夹
tinypng start /Users/xxx/Documents/work_space/other/resours
// 相对路径
tinypng start ./testpath/demo

直接当前目录运行

tinypng start

使用界面

file


nxl3477
299 声望15 粉丝

挑战10000小时定律。