关于写了一个压缩转换图片Vscode插件

66 阅读2分钟

我为什么写这一个插件

在开发的过程中,我们常常遇到那种图片压缩的处理,比如我们开发微信小程序,通常已以2M的上传大小限制,当然也包括一些图片图标文件,减小图片文件大小,也可以增加网页或者程序的加载速度,虽然可以上传网页压缩,但是我觉得效率太低了,作为程序员,我不能做那种重复而且效率极低的事情,所有即兴开发出一款压缩图片的工具,当然这款压缩工具不仅仅可以压缩图片还可以 压缩js和css,还能进行ico转换,这些之前都是只能上传三方平台进行压缩,太慢了

为这个插件取名(咚咚压)

其实我给自己的称呼来取的,咚咚: 大家平时叫我东东, 压: 代表压缩工具,我感觉这名字好直,取名字也是我随意取的,主要平时比较忙没时间操心这些事情,算了不管了,后面有好听的再换

Logo

favicon.ico

这个logo是我从tinypng扣下来并且加了点自己的名称进去的,讲实话,批图咋还是外行,外行看门道,内行看笑话哈哈哈

进入正题

使用大家去vscode去搜索(咚咚压)下载就行

image.png

目前支持的功能有

  1. 支持单文件压缩,多文件压缩,有KEY压缩(稳定)无KEY压缩(不稳定),
  2. js文件压缩
  3. css 文件压缩
  4. 设置文件裁剪
  5. jpg转png,jpeg转png
  6. png转jpg
  7. 图片转ico

使用,这里有几个配置参数,大家可以window快捷(Ctrl+,) mac(Command+,)打开配置菜单 搜索咚咚压进行配置

nametypedefaultdesc
showTipbooleantrue插件激活提示
deepCompressbooleanfalse是否需要深度压缩
tinifyKeystring""Tinify开发者APIKey

https://tinypng.com/
replaceCurrentFilebooleantrue是否在压缩文件的时候替换当前文件
resizeWidthnumber100调整图片的宽
resizeHeightnumber100调整图片的高
commentsnumberfalse去除JS,CSS文件注释,为false则去除true保留
icoSizeobject{ "width": 128,"height": 128}转换ico文件的宽高

下载完成后咋们对着需要的文件,或者文件夹右击,

目录

image.png

图片文件

image.png

css,js文

image.png

操作完成后的控制台会出现

image.png

当然如果插件对兄弟们有帮助,可以请我喝杯咖啡也是可以的,也非常感谢大家的支持,欢迎大家下载

微信截图_20231222110230.png