开发者

MiniPic VS Code 插件

MiniPic 的 VS Code 插件可在资源管理器右键压缩图片，或转 WebP 并替换代码里的引用；插件免费，压缩消耗 API 额度。

在扩展市场安装在 Open VSX 查看

插件免费 · 压缩消耗 API 额度 · 注册每月送 500 次

安装
# 在扩展面板搜索 MiniPic，或在命令面板（⇧⌘P）执行：
ext install minipic.minipic-vscode

安装

安装：在 VS Code 扩展市场搜索 MiniPic。

Visual Studio Marketplace 上的插件 ID 是 minipic.minipic-vscode。

Cursor、Windsurf、VSCodium 等编辑器可以从 Open VSX 安装 minipic/minipic-vscode。

Visual Studio MarketplaceOpen VSX插件源码

右键压缩

右键压缩：单张、多选、整个文件夹。

在资源管理器里选中图片或文件夹，右键「压缩图片」，文件夹会递归处理其中的图片。压完反而变大、或文件超出上限时自动跳过。

单张

选中一张图，右键就压。

多选

一次选好几张，一起压。

整个文件夹

右键文件夹，递归压缩里面的图片。

转 WebP

转 WebP 并替换代码里的引用。

一键把图片转成 WebP，同时改写工程里对这些图片的引用，不用手动全局替换。

示例
  // 「转 WebP 并替换引用」之后
- <img src="images/hero.png" alt="">
+ <img src="images/hero.webp" alt="">

自动压缩

状态栏一键自动压缩。

在状态栏打开自动压缩，工作区里新增或改动的图片会自动处理。会消耗 API 额度，默认关闭。

Key 与用量

配置 API Key，查看用量。

质量可选 smart、high、extreme、lossless；输出格式可选 keep、png、jpeg、webp、gif、avif、tiff。

获取 API Key

安全存储

API Key 存在编辑器的 SecretStorage 里，不写进明文配置。

自动识别区域

按 Key 自动识别国内版或国际版，不用手填接口地址。

查看用量

随时查看当月已用的 API 次数。

常见问题

插件要钱吗？

插件免费安装，压缩时消耗 API 额度；注册即送每月 500 次。

需要 API Key 吗？

需要。在控制台创建 API Key 后填入插件即可，插件会按 Key 自动识别国内版或国际版。

能把图片转成 WebP 并改代码引用吗？

可以，「转 WebP 并替换引用」会生成 WebP 文件，并替换代码中对原图的引用。

能压缩整个文件夹吗？

可以，在资源管理器中右键文件夹即可批量压缩其中的图片。