咱们前端仔,开发过程中,为了网页的加载性能,总是免不了须要对应用到的图片进行压缩。
曾几何时,我总是手动的上传到 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
应用界面