Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>tinypng-quickNew to Visual Studio Code? Get it now.
tinypng-quick

tinypng-quick

yzc

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

介绍

基于tinypng官方api接口开发的vscode插件,简单实用,主要包含以下功能:

  • 支持单选、多选图片压缩
  • 支持文件夹批量压缩
  • 支持覆盖、保留两者压缩
  • 支持在资源管理器中审查图片(本地解析尺寸、体积、MIME 等,不消耗 Tiny API、无需联网)

使用方法

1. 配置api密钥

第一次右击图片点击压缩的时候,会跳转配置api密钥的设置界面,api key可在官网免费申请:

https://tinypng.com/developers

也可在设置界面搜索框,直接搜索tiny关键字找到配置项

2. 压缩图片

  • 批量压缩

shift选中多个文件,右击鼠标,点击tiny压缩图片,即可批量压缩:

  • 文件夹内图片批量压缩

选中文件夹,右击鼠标,点击tiny压缩图片,即可批量压缩:

  • 覆盖/保存两者压缩

覆盖模式下,会直接替换原文件,保存两者压缩模式下,会保留原文件,同时生成压缩后的文件,保存两者压缩如下图。

3. 审查图片信息

在资源管理器中选中一个或多个 .png、.jpg / .jpeg、.webp 文件,右键选择 「tiny审查图片」(仅在这些扩展名时显示)。插件会在 输出(Output) 面板的 ReportPre 通道中打印每张图的说明,例如:

  • 尺寸:宽 × 高(由 image-size 解析)
  • 磁盘大小:文件字节数(与资源管理器大小一致)
  • MIME 与 扩展名
  • 类型:库识别的格式(如 png、jpeg、webp);若存在 EXIF 方向 等也会一并输出
  • PNG 补充:位深、颜色类型(IHDR,如 RGBA / Indexed 等)

审查功能仅读取本地文件头,不调用 Tiny 压缩接口,也不需要配置 API Key。

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