node.js实现一个图片压缩小工具

背景

项目里面经常需要将某个图片压缩到对应目录下,基本上都是使用网站tiny-png来实现。

但是这里有一个问题,就是每次都得反复的操作文件来将图片从一个目录移到另一个目录,非常的不方便,所以就萌生了一个想法,我能不能实现一个小工具,一条命令直接图片压缩并移到指定目录呢;

于是,就有个这个项目。

下面讲一下详细的实现步骤

项目准备,tinify库

在查找合适的图片压缩包时,我发现了tinify,即tiny-png官方给出的一个图片压缩包。这个是将图片传到tiny-png的服务器上,然后再将压缩后的图片返回给我们;

如何使用tinify

...
1 const tinify = require("tinify");
2 tinify.key = "467Kbym9jl55NmS54HcK54Cr5wCP"; // 这个是假的
3 tinify.fromBuffer().toBuffer()
...
  1. 第一行,就是一个包的引入,没什么问题;
  2. 第二行,是tiny-png官方给出的一个key密钥,因为本质上我们还是使用的他们的服务,所以需要在tiny-png官网注册,然后拿到一个密钥
  3. 第三行,就是一个图片压缩的核心代码

1⃣️点击这里登陆
image.png

2⃣️点这里生成一个key

image.png

实现思路

  1. 读文件,将所有的png格式图片读取出来。
  2. 通过tinify将图片压缩
  3. 将压缩的图片写入目标目录

所以,上面三个步骤我们可以看出,需要一个源目录将图片读出来,然后一个目标目录将图片写进去,这个通过minimist库来实现。

具体node实现命令工具的方法,可以参考我之前写的从0开始,用node实现一个命令行工具

总结

代码我就不放出来了,思路大概就是这样。这个npm包已经传到了npmjs.com,大家感兴趣的话可以自行体验
名字是:compress-pngs

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值