Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>usmart-vscode-compressNew to Visual Studio Code? Get it now.
usmart-vscode-compress

usmart-vscode-compress

estelle_yyp

|
446 installs
| (0) | Free
compress image
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

usmart-vscode-compress

支持压缩png,jpg,jpeg格式的图片。

支持将png,jpg,jpeg格式的图片转换为webp格式的图片。

本插件采用的是tinypng提供的API进行的图片压缩,所以插件安装完成后需要去tinypng官网获取自己的API key。

获取到自己的API key之后,需要打开vscode编辑器的配置文件,新增如下配置:

"tinypng.apiKey":"********************",
"tinypng.forceOverwrite": false,
"compress.webpQuality": 70

tinypng.apiKey:即我们原本在官网下获取到的API key。该配置项为必须项,不配置则无法进行图片压缩。每人每月前500张免费,超过则需到官网购买。

tinypng.forceOverwrite:选择压缩后的图片是放置在新的目录下还是直接替换该图片。true:直接替换;false:放置在新目录下。不配置时默认为false。

compress.webpQuality:转换为webp的质量配置,范围为0-100,配置越高,图片越清晰,同样体积越大。不配置时默认为50。

commands

compress image

选中图片时,点击鼠标右键,选择菜单中compress image命令即可压缩图片,图片压缩完成后默认放置在被压缩图片所在文件夹下的image-min目录。

compress images

选中文件夹时,点击鼠标右键,选择菜单中compress images命令即可压缩该文件夹下的图片,图片压缩完成后默认放置在该文件夹下的image-min目录。

convert image to webp

选中图片时,点击鼠标右键,选择菜单中convert image to webp命令即可将该图片转换为webp格式的,图片转换完成后放置在被转换图片所在文件夹下的webp目录。

convert images to webp

选中文件夹时,点击鼠标右键,选择菜单中convert images to webp命令即可将该文件夹下的图片转换为webp格式的,图片转换完成后放置在该文件夹下的webp目录。

get compress used count

由于tinypng官网每月仅提供了500张图片压缩免费,超出不购买的话就会压缩失败,该命令可以查询每月已经压缩了多少张图片。命令栏中输入该命令,编辑器右下角即会展示压缩了多少张图片。

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft