前端优化之图片压缩——tinyPNG

今天前端前辈新介绍的一个压缩图片的工具——tinyPNG，地址：TinyPNG – Compress WebP, PNG and JPEG images intelligently可以将图片压缩，进行优化。

一、使用方法——手动压缩

将超过200kb的图片拖到我标注的红框框里，拖到这里后，他会自动压缩图片，然后你想要单张的你就点击绿色标注的地方下载对应压缩后的图片，批量下载，就点蓝色标注里的按钮，然后解压，替换你项目里的图片就好啦。

二、注意事项 

1.网页端的一次只支持上传压缩 20 张图片，一张最大5MB。

三、推荐插件

手动去弄其实有些费时费力的，我在想如何能实现自定义大于200kb就压缩，压缩后标记，当项目更新时不在压缩，并且自动化压缩，但是查了一些网站和资源，虽然有实现的办法，但是对于不懂人还是不太清晰，因为实操起来还是会有许多问题。

我目前看到一篇文章，他用的VScode插件，image-manager，文章链接：https://juejin.cn/post/7348004403016794147?searchId=20240603100542CD295F75893471838A03

感兴趣的可以研究下，我不知道存不存在问题，如果能找到更好的办法，再来分享更新。