VSCode安装TinyPNG，并配置api key

江湖yi山人

已于 2023-04-03 16:59:56 修改

阅读量1.1k

点赞数

文章标签： vscode

于 2023-04-03 16:42:40 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/qq_30997503/article/details/129932398

版权

本文介绍了在VisualStudioCode(VSCode)中安装和配置TinyPNG插件的步骤，包括搜索并安装插件、获取APIKEY、在扩展设置中写入APIKEY以及如何使用该插件对图片进行压缩。关键在于拥有一个Active状态的APIKEY，以确保压缩功能的正常运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 打开VSCode

在【扩展】中搜索【TinyPNG】插件，并安装

2 添加api key

没有这一步，对文件进行压缩时会失败，提示
在这里插入图片描述

3 获取api key

3.1 打开tinypng网站

打开tingypng，滑动到最底部，打开Developer API
在这里插入图片描述

或者直接打开tinypng.com/developers，输入名称和邮件地址，稍等片刻就会收到一封认证邮件
在这里插入图片描述

3.2 打开认证页面

打开邮件中的链接，即可看到创建的个人信息页面，如下图
在这里插入图片描述

复制【API KEY】，并确保【STATUS】为【Active】状态

4 写入api key

4.1 打开【扩展设置】

打开【TinyPNG】的【扩展设置】，如下图
在这里插入图片描述

4.2 写入【API KEY】

将3.2中拷贝的【API KEY】写入，注意【用户】和【工作区】两个tab都写入，如下图
在这里插入图片描述

5 实现压缩

右键文件夹或图片，选择压缩，提示以下内容，表示已配置成功
在这里插入图片描述

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。