介绍
基于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。
| |