Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Image Compression Listener (TinyPNG)New to Visual Studio Code? Get it now.
Image Compression Listener (TinyPNG)

Image Compression Listener (TinyPNG)

需求收集

|
2 installs
| (0) | Free
Listens for image file additions and compresses them using TinyPNG with comparison
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

TinyPNG 图片压缩扩展

这是一个基于 TinyPNG API 的 VS Code 扩展,用于自动检测和压缩图片文件。

特性

  • 自动检测新添加的图片文件并提示是否压缩
  • 支持从右键菜单或编辑器标题栏压缩图片
  • 支持 PNG、JPG、JPEG 和 WebP 格式
  • 提供原图与压缩图的对比界面
  • 可选择替换原图或保留两个版本

使用方法

配置 API 密钥

  1. 打开 VS Code 设置
  2. 搜索 "tinypng"
  3. 填入您的 TinyPNG API 密钥 (从 https://tinypng.com/developers 获取)

压缩图片

可以通过以下方式压缩图片:

  1. 自动检测:当您添加新图片文件时,会自动弹出询问是否压缩的提示
  2. 右键菜单:在资源管理器中右键点击图片文件,选择"使用 TinyPNG 压缩"
  3. 编辑器标题栏:打开图片文件时,点击编辑器标题栏中的压缩按钮

自定义选项

您可以在 VS Code 设置中自定义以下选项:

  • tinypng.apiKey:TinyPNG API 密钥
  • tinypng.autoAskCompress:是否在检测到新图片时自动询问压缩(默认:是)
  • tinypng.compressedFileSuffix:压缩后文件的后缀(默认:_compressed)

注意事项

  • TinyPNG API 有使用限制,免费账户每月可压缩 500 张图片
  • 压缩是通过 TinyPNG 的在线服务完成的,需要网络连接

许可

本扩展遵循 MIT 许可

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