我为什么写这一个插件
在开发的过程中,我们常常遇到那种图片压缩的处理,比如我们开发微信小程序,通常已以2M的上传大小限制,当然也包括一些图片图标文件,减小图片文件大小,也可以增加网页或者程序的加载速度,虽然可以上传网页压缩,但是我觉得效率太低了,作为程序员,我不能做那种重复而且效率极低的事情,所有即兴开发出一款压缩图片的工具,当然这款压缩工具不仅仅可以压缩图片还可以 压缩js和css,还能进行ico转换,这些之前都是只能上传三方平台进行压缩,太慢了
为这个插件取名(咚咚压)
其实我给自己的称呼来取的,咚咚: 大家平时叫我东东, 压: 代表压缩工具,我感觉这名字好直,取名字也是我随意取的,主要平时比较忙没时间操心这些事情,算了不管了,后面有好听的再换
Logo
这个logo是我从tinypng扣下来并且加了点自己的名称进去的,讲实话,批图咋还是外行,外行看门道,内行看笑话哈哈哈
进入正题
使用大家去vscode去搜索(咚咚压)下载就行
目前支持的功能有
- 支持单文件压缩,多文件压缩,有KEY压缩(稳定)无KEY压缩(不稳定),
- js文件压缩
- css 文件压缩
- 设置文件裁剪
- jpg转png,jpeg转png
- png转jpg
- 图片转ico
使用,这里有几个配置参数,大家可以window快捷(Ctrl+,) mac(Command+,)打开配置菜单 搜索咚咚压进行配置
name | type | default | desc |
---|---|---|---|
showTip | boolean | true | 插件激活提示 |
deepCompress | boolean | false | 是否需要深度压缩 |
tinifyKey | string | "" | Tinify开发者APIKeyhttps://tinypng.com/ |
replaceCurrentFile | boolean | true | 是否在压缩文件的时候替换当前文件 |
resizeWidth | number | 100 | 调整图片的宽 |
resizeHeight | number | 100 | 调整图片的高 |
comments | number | false | 去除JS,CSS文件注释,为false则去除true保留 |
icoSize | object | { "width": 128,"height": 128} | 转换ico文件的宽高 |
下载完成后咋们对着需要的文件,或者文件夹右击,
目录
图片文件
css,js文件
操作完成后的控制台会出现