返回 blog
2024年3月20日
2 分钟阅读

还在用tinypng?不如试试这个vscode插件!

还在用tinypng在线压缩?不如试试这个vscode插件! vscode-image-manager 比tinypng更快,功能更多,更方便!

压缩效率对比

同一张图片,tinypng压缩结果为136kb,时间大概5s; 而image-manager压缩效果为 92kb,不到1s! 如果把上传图片、下载图片这些繁琐的操作加到一起,或许vscode插件的效率要高上10倍有余 image.png image.png

支持格式对比

tinypng仅支持 png,webp,jpeg 而image-manager支持这么多image.png 并且支持每个格式之间的转换

压缩限制对比

tinypng一次性最多20张,一张最大5MB 而image-manager一次性不限量,且一张最大20MB image.png

浏览方便

vscode-image-manager支持3种文件结构展示方式

  • 按目录分组(也就是咱们的文件夹概念)
  • 按文件类型分组
  • 平铺,一次性全部展示

按目录分组

image.png

按文件类型分组image.png

平铺

image.png

同时,为了更方便查看,也支持两种文件夹展示方式

  • 嵌套,一层一层的目录,不做空目录处理
  • 紧凑,把空目录处理至同一层级

紧凑型

image.png

嵌套型

image.png 哪个喜欢,您就选哪个~

图片排序

目前支持两种排序方式

  • 按图片大小排序
  • 按图片名称排序

image.png

图片过滤

插件也支持根据条件过滤图片,目前支持这些条件 image.png

图片查找

像在vscode里面搜代码一样,搜索图片!支持模糊匹配、全词匹配等等! image.png

主题色

插件本身主题色是继承的vscode主题,所以看起来不会有突兀的感觉,但是你也可以切换主题色或者暗黑模式,以应对不同的办公场景~

自定义主题色

image.png

暗黑模式

image.png

亮色模式

image.png

国际化

全世界都在说中国话~ 插件支持英语、简体中文,默认是vscode的语言哦,可以在右上角设置中切换语言 image.png

裁剪

有了裁剪功能,咱也不依赖UI了,哼! image.png 裁剪主要分两个功能区

  • 配置
  • 操作

image.png 裁剪完成后保存即可! image.png image.png 不能说方便,只能说十分方便!

更多功能

右键图片,即可唤出菜单

image.png

右键文件夹,唤出菜单

image.png

图片详情

image.png

最后

目前正在开发图片OCR,相似图片去重功能,敬请期待!~ 快去试试插件吧!免费开源,不吃亏不上当!!