一、布景

之前很早的时候搞了一个博客,可是一向没去打理它,最近放了一些文章上去,可是在配图体积方面有点问题,因为平常写公众号的时候会主动对图片做紧缩,可是自己的博客没有。假如图片没做紧缩,势必会影响拜访速度,造成体会欠安。

我一般运用 tinyjpg 进行紧缩,有时候为了体积进一步减小,还会转成 webp 的格式。

做了一个图片批量紧缩小工具: tiny_gradio

可是图片数量一多手动上传就比较费事,所以就想着开发一个小工具提高低功率。

二、技能选型

在紧缩方面,本来是想在Github上找找紧缩库,后面发现其实 tinyjpg 开放了免费的API,每个月有500次,想一想也够自己运用了,所以选了这个。

申请地址: https://tinypng.com/developers

Tiny API的官方库支撑Ruby ,PHP,Node.js,Python,Java.NET 编程语言,Python我比较熟,所以终究挑选它。

我期望这个工具有UI,操作起来比较方便,而Python的GUI库中Gradio相对而言比较美观,所以终究的技能栈便是:Python tinify Gradio

三、项目实战

整个项目开发下来,比较难的在于运用 Gradio 制作画面,因为之前并没接触过 Gradio ,需求一定的上手本钱

我一开始规划的第一版是这样,可是这样规划有点问题,点击紧缩按钮后,尽管成功紧缩了图片,但界面上却没有地方展现输出的成果,导致不知道什么时候图片现已紧缩成功。

做了一个图片批量紧缩小工具: tiny_gradio

随后第二版规划成这样,右边的输入框便是用来输出成果

做了一个图片批量紧缩小工具: tiny_gradio

这是界面的中心代码,主要是利用 Interface 完成了左面输入 右边输出的整体作用。

做了一个图片批量紧缩小工具: tiny_gradio

这儿需求注意的是,inputs传入多少个组件,对应的履行函数 fn 就得有多少个参数

做了一个图片批量紧缩小工具: tiny_gradio

另外便是只用 Image组件只能完成单张图片上传的作用,所以为了完成挑选多张图片的作用,采用的是 File UploadButton 的组合形式

随后便是 tinify 的紧缩代码

做了一个图片批量紧缩小工具: tiny_gradio

还有 webp 的转换代码,这儿运用的是Python的 Pillow 库

做了一个图片批量紧缩小工具: tiny_gradio

四、注意事项

1、不同系统需求挑选不同的requirements.txt

因为 tinify 依赖 requests库,而 requests 依赖 urllib3 库,在Mac上,假如 urllib3 的版本是 v2,极有可能会出现下面的问题,这时候运用 requirements_mac.txt 装置依赖即可

做了一个图片批量紧缩小工具: tiny_gradio

2、批量上传只能把图片都放在同一个文件夹下

因为Gradio的文件多选,并不支撑在多个目录下批量挑选文件,所以现在运用的话只能把图片都放在同一个文件夹下,这儿才能完成批量上传,并且注意批量上传需求点击 Upload Multi Image 按钮

3、源码获取

关于源代码的获取,在AI技能巫公众号回复“图片紧缩”就可以得到悉数源码!

最终假如这个工具能帮到你的话,还请多多点赞,你的点赞是我不断更新的动力!