TinyPng图片压缩的正确打开方式
https://tinypng.com/
TinyPNG使用智能的「有损压缩技术」来减少WEBP、JPEG和PNG文件的文件大小。通过选择性地减少图像中的「颜色数量」，使用更少的字节来存储数据。这种效果几乎是看不见的，但在文件大小上有非常大的差别。
使用过TinyPNG的都知道，它的压缩效果很好，肉眼几乎看不出区别，图片不失真，是个不错的选择。
TinyPng提供两种压缩方法：
- 通过在官网上进行手动压缩；
- 通过官方提供的tinify进行压缩；
第一种方法需要每次设计给设计图，都要经历下载设计原图--->上TinyPNG官网压缩--->下载压缩后图片--->替换原图片，很耗费时间。
第二种方法，可以彻底释放双手，但是官方提供的tinify工具有「500张/月」的限额，超过限额后，需要付费，还要额外注册账号，申请key。
可能有人会说，直接用webpack的图片压缩插件也行啊，但是有两个问题
- webpack的图片压缩插件，会在每次打包文件的时候都压缩一遍，大大增加了打包时间
- 页面迭代，新增了几张图片，重新打包上线时，会导致旧图片被多次压缩，无法便捷的选择哪些图片需要压缩，哪些不需要压缩
虽然可以通过「配置」的方式解决上述问题，但每次打包都要特殊配置，略显麻烦，这样看来plugin好像不是最好的选择。
所以我在GitHub上找到了一个工具，实现原理是通过「构造随机IP」来直接请求「压缩接口」来达到「破解限额」的目的。
它的优点：
- 通过npm安装，无需配置key
- 直接压缩替换原图片，无需每次构建项目前都压缩一遍
- 可以快捷选择自定义要压缩的图片
操作流程是 在打包「生产环境」代码之前，执行「压缩命令」，通过命令行交互，选择需要压缩的图片。
只需操作压缩一次，若项目有新增图片，可以自定义按需压缩
1.安装
npm i yx-tiny -D
2.使用
npm tiny
3.工具命令输入
3.1输入文件夹名称
输入文件夹名称，注意不是路径，就会把全部文件名匹配的路径显示出来，通过空格键选择图片所在的目录
3.2选择全量或自定义选择
选择目录之后，可以对目录对图片全量或者自定义选择压缩
3.3自定义选择
选择需要压缩的图片
3.4完成压缩
4.检查
此时git的changes记录可以看到原图片自动被替换了，大功告成！
详细参考：
1.https://github.com/yxichan/lerna-npm/blob/master/packages/tiny/src/index.ts
2.https://juejin.cn/post/7153086294409609229
TinyPng图片压缩的正确打开方式相关推荐
- 图片压缩的正确打开方式
图片压缩的正确打开方式 图像通常占据了页面大小的绝大部分,并且占据的绝大部分视觉空间.因此,优化图片通常会节省大量字节数和提升性能:浏览器下载的字节数越少,客户端带宽的争抢越少,浏览器的下载和屏幕加载 ...
- 揭秘超分辨率的正确打开方式
写在前边:图像和视频通常包含着大量的视觉信息,且视觉信息本身具有直观高效的描述能力,所以随着信息技术的高速发展,图像和视频的应用逐渐遍布人类社会的各个领域.近些年来,在计算机图像处理,计算机视觉和机器 ...
- python论文参考文献名称_Word的正确打开方式（附毕业论文模板）
----点击蓝字关注我呀---- 三年前的我搞毕业设计,第一次接触这玩意儿,一脸懵逼 好在我朱哥搞过大创(还是国家级的),当时给我各种科普单片机的知识 搞大创的好处就是当我们不知道是画机械图还是 ...
- wps的流程图怎么导出_word流程图-WPS绘制流程图的正确打开方式，超级简单
不知道大家在办公的时候习惯使用什么版本的软件?这几天小编在绘制流程图的时候发现一个特别有意思的,你会绘制带有动态走向的流程图吗?不信你看 看起来是不是挺高大上的,你知道是怎么完成的吗?今天小编大家快速 ...
- 肖秀荣、陆寓丰、徐涛三大名师的正确“打开方式”
考研政治怎么学? 肖秀荣.陆寓丰.徐涛 三大名师的正确"打开方式" HEY 暑假黄金期到达尾声,是不是有很多小伙伴还没有开始政治复习?或者复习的迷迷糊糊? 今天笔者会为大家进行全面 ...
- Python Matplotlib绘图的正确打开方式
Python Matplotlib绘图的正确打开方式 文章目录 Python Matplotlib绘图的正确打开方式 1.先搞懂fig.axes.axis `Figure` `Axes` `Axis` ...
- 这才是目前百度统计接口的正确打开方式20180322
这才是目前百度统计接口的正确打开方式20180322 关于百度统计接口的说明 1.登陆接口网站找到的有2种方式 第一种调用(不能用) https://api.baidu.com/sem/common/ ...
- win10系统rar文件的正确打开方式
rar文件怎么打开?基本上所有的windows电脑用户都会有接触到rar文件,特别是我们在传输大文件夹的时候rar文件可以说是必备的.但是最近很多升级到win10系统的用户发现自己的rar文件夹打不开 ...
- 二次元的正确打开方式
本文 GitHub https://github.com/Jack-Cherish/PythonPark 已收录,有技术干货文章,整理的学习资料,一线大厂面试经验分享等,欢迎 Star 和 完善. 一 ...
最新文章
- 浅显易懂 Makefile 入门 （10）— 嵌套执行 make、export 的使用
- List------Linked 链表
- 关于iOS APP 需要支持ipv6-only 开发者需要做的事情
- 2016/06/22 中色启动筹码分析作业
- CANN5.0黑科技解密 | 别眨眼，缩小隧道，让你的AI模型“身轻如燕”
- flex布局演示(可线上运行项目)
- 分析优秀的.NET 文档设计工具Vsdocman 7.1 软件保护技术
- 编写python程序、利用循环输出1+11+111+1111_《JavaScript语法基础》练习第四章第五题练习...
- oracle 常用系统表
- SharePoint 2007中的搜索服务
- 让天之痕窗口化运行！
- ActionForm工作原理
- 双叉积——拉格朗日公式证明
- javascript将数字转换成大写
- 科技爱好者周刊（第 150 期）：当音乐还是稀缺的时候
- 三分钟看完北京城市（含京津冀）【总体规划2016-2050】
- 小程序的3种副业方式，合适你来可以来
- Consul Consensus Protocol
- Android-OpenCV修改图片中某一块的像素
- Redis 部署方式（单点、master/slaver、sentinel、cluster） 概念与区别 -- 敲黑板！！！=_=