还在用tinypng?过时了!

还在用tinypng在线压缩?不如试试这个vscode插件

vscode-image-manager 比tinypng更快,功能更多,更方便!

压缩效率对比

同一张图片,tinypng压缩结果为136kb,时间大概5s;

而image-manager压缩效果为 92kb,不到1s!

如果把上传图片、下载图片这些繁琐的操作加到一起,或许vscode插件的效率要高上10倍有余

支持格式对比

tinypng仅支持 png,webp,jpeg

而image-manager支持这么多

并且支持每个格式之间的转换

压缩限制对比

tinypng一次性最多20张,一张最大5MB

而image-manager一次性不限量,且一张最大20MB

浏览方便

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

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

按目录分组

按文件类型分组

平铺

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

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

紧凑型

嵌套型

哪个喜欢,您就选哪个~

图片排序

目前支持两种排序方式

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

图片过滤

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

图片查找

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

主题色

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

自定义主题色

暗黑模式

亮色模式

国际化

全世界都在说中国话~

插件支持英语、简体中文,默认是vscode的语言哦,可以在右上角设置中切换语言

裁剪

有了裁剪功能,咱也不依赖UI了,哼!

裁剪主要分两个功能区

  • 配置
  • 操作

裁剪完成后保存即可!

不能说方便,只能说十分方便!

更多功能

右键图片,即可唤出菜单

右键文件夹,唤出菜单

图片详情

最后

目前正在开发图片OCR,相似图片去重功能,敬请期待!~

快去试试插件吧!免费开源,用了不吃亏,用了不上当!!✌️

相关推荐
zzzzzz3101 小时前
别急着把动效组件搬进页面:从 react-bits 看 React 动效库该怎么评估
前端·react.js·开源
李姆斯8 小时前
为啥Agent在coding表现这么好,但是在别的领域就是差的不少?
前端·agent·ai编程
鱼与宇11 小时前
前端Web(html+css+js+vue3)
前端
雪芽蓝域zzs12 小时前
(六)打包优化 + Nginx 部署完整配置 + 项目收尾
前端·vue.js
研☆香12 小时前
聊一聊前端的常见字 关键字
开发语言·前端·javascript
东风破_13 小时前
JWT 1:从一个登录请求开始,理解 React 项目里的 API 层与 Mock
前端·后端
东风破_13 小时前
JWT 3:为什么 Token 要放进 Authorization?Axios 拦截器到底解决了什么?
前端·后端
东风破_13 小时前
JWT 5:路由守卫是什么?把整个 JWT 登录鉴权流程串起来
前端·后端
东风破_13 小时前
JWT 2:HTTP 是无状态的,为什么登录成功后还要给 Token?
前端·后端
东风破_13 小时前
JWT 4:Zustand 到底解决了什么?为什么登录状态要放进 Store?
前端·后端