平时开发的时候,我们用到图片基本都是ui给到我们的、或者是从PS、蓝湖或者慕客上面切图导出来的图片,这些都是未经过压缩的,体积都比较大,这里就有了可优化空间

闲话不多说,直接介绍该工具的使用

1. 安装

$ npm i yx-tiny -D
or
$ pnpm add yx-tiny -D

2. 使用

npx tiny

或者

"scripts": {"tiny": "npx tiny"
},
npm run tiny
or
pnpm tiny

3. 根据命令行提示输入

根据命令行提示来进行选择,空格为选择,回车为下一步 。

输入文件夹名称(我这里是image),接着工具会找到当前项目下所有的image(node中的fs模块递归),接着选择一或多个image,紧接着工具会找出image下所有的png、jpe?g、和svga,最后选择压缩模式(全量压缩或自定义压缩),选择需要压缩的图片

可以从上面看到,两张图片压缩前的资源体积为 5.73MB,压缩后体积为742KB ,大家看下这个数据,真的是

使用yx-tiny命令行工具进行图片压缩相关推荐

  1. 命令行查看图片_you-get:使用命令行工具下载网络资源,可下载 B 站视频

    如何使用命令行工具下载网络资源 这是一篇略带技术性的教程文章,你需要略懂 Python 以及命令行的相关操作. 首先有请这篇文站的主角:you-get ,目前 GitHub 33k+ stars. y ...

  2. mac下使用命令行工具sips实现单个或批量图片缩放、旋转、翻转和格式转换

    sips是mac下的一个命令行工具,可以实现单个批量图片裁剪.缩放.旋转.翻转和格式转换. 指定宽度为600像素,高度自适应缩放 sips -Z 600 test.jpg 批量指定宽度为600像素,并 ...

  3. 图片处理命令行工具ImageMagick介绍

    最近在做百度OCR图片文字识别时,因为免费版OCR接口调用次数有限,就想把多张图片合并成一张进行文字识别.这就需要在代码中进行图片合并操作,在查找图片批量合并方案时,看到了linux的convert命 ...

  4. 7.0、Android Studio命令行工具

    命令行工具分成SDK工具和平台工具. SDK工具 SDK工具跟随SDK安装包安装并随时更新. Virtual Device 工具 1. Android Virtual Device Manager 提 ...

  5. 中文 Markdown 编写格式规范的命令行工具 lint-md

    lint-md 用于检查中文 markdown 编写格式规范的命令行工具,基于 AST 开发,且方便集成 ci.Cli tool to lint your markdown file for Chin ...

  6. 自己写的python软件可以在哪发布-如何发布一个Python命令行工具

    本文简介 上次写的一个终端里面斗鱼TV弹幕Python版本和Ruby版本,并且发布到PIP和RubyGems上面.在发布PIP包的时候,居然Google不到一篇可以非常好的讲解这个流程的文章.于是整理 ...

  7. 【Android 命令行工具】Android 命令行工具简介 ( 官方文档 | SDK 命令行工具 | SDK 构建工具 | SDK 平台工具 | 模拟器工具 | Jetifier 工具 )

    文章目录 一.官方文档 二.Android 命令行工具简介 1.SDK 命令行工具 2.SDK 构建工具 3.SDK 平台工具 4.模拟器工具 5.Jetifier 工具 一.官方文档 Android ...

  8. 20个命令行工具监控 Linux 系统性能(转载)

    1. top - Linux 系统进程监控 top 命令是性能监控程序,它可以在很多 Linux/Unix 版本下使用,并且它也是 Linux 系统管理员经常使用的监控系统性能的工具.Top 命令可以 ...

  9. linux下磁盘高级工具,Linux命令行工具-di

    今天小编要跟大家分享的文章是关于Linux命令行工具-di.如果你是个Linux命令行用户,你肯定会使用df命令检查文件系统的磁盘使用情况.尽管df是一个受欢迎的命令,但仍然不能提供一些高级的功能,如 ...

最新文章

  1. 浏览器渲染原理及可能出现的bug
  2. 【CUDA学习】GPU硬件结构
  3. Android项目实战(十三):浅谈EventBus
  4. sqlmap 进行sql漏洞注入
  5. 深入浅出Java多线程
  6. (86)Verilog HDL:三分频设计
  7. python中delete怎么用_python删除np.deletePython基础教程05 - 缩进和选择
  8. [转]nginx常见配置详解
  9. php 获取301跳转后真实的url
  10. 今年护网蓝队防御具体实施方案
  11. python matplotlib pColor 网格线 消除
  12. springBoot thymeleaf 属性为空时报错:EL1007E
  13. day03--面向对象--类的继承
  14. python学习笔记之pyinstaller failed to execute script问题
  15. DB2数据库如何修改字段名称
  16. python中concat的用法_pandas中concat()的用法
  17. MFC TabControl插件 子对话框调用主对话框功能函数和变量
  18. 小程序篇1-1:搜索框输入关键字、词检索;点击取消恢复默认状态
  19. 慕课网要倒闭了?第二个开课吧?
  20. 第四讲 switch结构和循环(switch结构、while循环、do-while循环)

热门文章

  1. JAVA.UTIL.ARRAYLIST 详解
  2. 手机抓包+注入黑科技HttpCanary——最强大的Android抓包注入工具
  3. 使用 Python 绘制 Log 函数图
  4. CAD中如何查看要素高程
  5. PL读写DDR3 实现PS和PL间的数据交互
  6. 解决Mac使用SVN命令出现xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools)的问题
  7. SAP中的物料最小订购量
  8. PKCS #5: Password-Based Cryptography Specification Version 2.1 中文翻译
  9. 嵌入式Linux驱动编程复习资料
  10. 『曹大带我学 Go 』系列文章汇总