3

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

 2 years ago
source link: https://segmentfault.com/a/1190000040782806
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

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

发布于 10 月 9 日

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

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

npm地址: tinypng-helper

npm install tinypng-helper -g

需要先去 tinypng 申请一个 key, 在此设置。
每个 key 每个月有 500 次免费使用

tinypng setkey (key)

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

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

直接当前目录运行

tinypng start

file


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK