还在手动上传网页压缩图片?推荐你一个好用的命令工具!

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

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

npm地址: [tinypng-helper](https://www.npmjs.com/package/tinypng-helper)

# 安装
```
npm install tinypng-helper -g
```

# 配置
需要先去 [tinypng](https://tinypng.com/developers/reference/nodejs) 申请一个 key, 在此设置。
每个 key 每个月有 500 次免费使用

```shell
tinypng setkey (key)
```


# 使用方式

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

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


直接当前目录运行

```shell
tinypng start
```

## 使用界面
![file](http://image.openwrite.cn/18469_42664685621248D2893754BA61F3B034)


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值