推荐一个自己开发的基于tinify图片一键压缩插件

JadeXuJadeXu -
推荐一个自己开发的基于tinify图片一键压缩插件
简介

tinify-compress-anywhere库是一个使用Tinify插件将图像文件从指定文件夹压缩到指定文件夹的第三方库,并实现了对多层级目录的深层图片压缩。
效果截图

安装插件

通用的npm插件安装方法,(ps.nodejs npm 环境安装方法这边就不再详细说明了,可以参考这篇帖子)

控制台命令

npm install tinify-compress-anywhere -g
检查插件版本及查看插件命令帮助

检查 tci 插件版本

tci -V

查看 tci 插件命令帮助

tci -h

image.png

设置key

设置tinify提供的用于授权的apiKey,通过下方指引注册获取apiKey.

获取apiKey

获取地址

先通过邮箱注册登录一个账号
image.png

登录后,点击用户名进入到个人首页
image.png
点击侧边栏api菜单,进入创建或复制apiKey
image.png

以上就是注册获取apiKey的方法,获取到apiKey之后,通过下面的命令设置tci插件使用的apiKey

tci setKey apiKey

设置key

获取总数

获取有关本月 API 密钥已优化多少图像的信息.

tci count

获取总数

压缩图片

使用 Tinify 压缩图像.

简单压缩, 默认资源文件目录为 ./source, 输入目录为 ./output

tci

使用相对路径

tci -s ./source -o ./output

使用绝对路径

tci -s E:\tinify-compress-anywhere\source -o E:\tinify-compress-anywhere\output

要覆盖当前文件夹,传入相同路径即可,(ps. 可引用到自己的项目中,通过配置指令,实现打包发布前提前对图片资源进行压缩)

tci -s ./source -o ./source

指定压缩前拷贝文件输出目录(ps. 为了确保原图片安全性,可指定拷贝路径,该插件会在指定的拷贝路径下按时间戳存放的形式对图片进行拷贝)

tci -s ./source -o ./source -c ./copy
效果展示

效果展示

压缩生成文件结构
image.png

项目源码地址(PS. 撸码不应,别吝啬你的star☆)

项目仓库地址

特别申明:本文内容来源网络,版权归原作者所有,如有侵权请立即与我们联系(cy198701067573@163.com),我们将及时处理。

Tags 标签

前端图片压缩javascriptnpmnode.js

扩展阅读

加个好友,技术交流

1628738909466805.jpg