使用tinypng对需要上传Gitee图床的图片进行压缩
背景
在使用Gitee作为图床时(使用Typora+gitee+坚果云实现文档同步 - 掘金 (juejin.cn)),当插入的图片大小超过1MB时,会无法正常显示,如下图:

这就很让人头痛,比较一劳永逸的办法是使用云存储服务作为图床(如七牛云,阿里云的存储服务),如果对图片清晰度要求不是很高时,也可以通过压缩图片大小,使其小于1MB,再上传至Gitee图床。本文主要讲述使用Tinypng来压缩图片。
Tinypng简介
TinyPNG 使用智能有损压缩技术来减小 WEBP、JPEG 和 PNG 文件的文件大小。 通过有选择地减少图像中的颜色数量,存储数据所需的字节更少。
链接:TinyPNG – Compress WebP, PNG and JPEG images intelligently

Tinypng使用
手动上传图片
Tinypng可以手动单次上传20张图片(小于5MB)进行压缩处理,实测国内网络速度也相当可观!压缩完成后的图片名称与原图片一致,可以直接进行替换处理。实测效果如下图,是比较符合我们预期的。

压缩完的图片(800KB)实际效果,还是很不错的。

使用API
在Tinypng网站可以找到Developer API标签页,在该标签页中输入自己的邮箱即可收到Tinypng提供的API KEY的访问链接,

下图即是Tinypng的API Dshboard,在这个页面我们可以看到自己的API Key,在脚本中使用需要使用该KEY进行身份校验。同时,该页面也会显示免费额度的使用情况,每个邮箱用户每月有500张图片压缩使用额度。我们的使用需求是超过1MB大小的图片进行压缩,因此这个额度足够我们使用了。

调用API自动上传超过1MB图片
我们可以自己编写python脚本通过调用API来实现图片的自动上传压缩。API教程可以参考官方文档:TinyPNG – API Reference
安装tinyfy
我们可以使用以下命令安装tinify,可以在Github找到源代码。
pip install --upgrade tinify
自动上传脚本
我自己简单写了个脚本,运行该脚本时需传入图片路径,当图片大于1MB大小时,上传Tinypng进行压缩。
# python 2.7
import tinify
import os
import sys
tinify.key = "xxxxxxxxxxxxxxxx" # API Dashboard中的API Key
class Tinify():
def __init__(self):
self.path = ' '.join(sys.argv[1:])
def get_fileSize(self, filePath):
fsize = os.path.getsize(filePath)
fsize = fsize / float(1024 * 1024)
print 'fileSize is %s' % round(fsize, 2)
return round(fsize, 2)
def get_tinify(self):
file_list = os.listdir(self.path)
for f in file_list:
if f.endswith('png') or f.endswith('webp') or f.endswith('jpeg') or f.endswith('jpg'):
complete_path = self.path + '\\' + f
print complete_path
if self.get_fileSize(complete_path) > 1: # 图片大小超过1MB时,进行压缩
source = tinify.from_file(complete_path)
source.to_file(complete_path)
print "%s compress successful." % f
if __name__ == '__main__':
a = Tinify()
a.get_tinify()
示例
原文件夹:

运行脚本

运行后


可以看到超过1MB的图片已经进行了压缩。
其他
官方文档的教学中,可以压缩后直接上传Amazon S3和Google Cloud Storage, Gitee应该也是可以的,有时间了查看下源代码看看如何直接上传Gitee.
使用tinypng对需要上传Gitee图床的图片进行压缩的更多相关文章
- 帝国CMS7.2新增多图同时上传插件,上传多图效率更高
原来上传多图文件,需要挨个选择文件,然后再点批量上传,比较麻烦.所以帝国CMS7.2新增了多图上传插件:为采用FLASH方式实现同时选择多个图片一起上传,提高多图上传效率. 帝国CMS多图上传插件特性 ...
- AF封装的关于一次请求上传多图到服务器!!!
方式一:图片封装在模型数组中 /** * 上传多图到服务器 * * @param URLString 请求地址 * @param parameters 请求的其他参数 * ...
- Typora笔记上传到播客时图片不显示问题解决(已解决)
前言: 相信我们都遇到过,使用Typora做笔记是一件非常令人舒服的事,然而,它却有一个非常难受的地方,那就是我们在做完笔记想要将其上传到自己的博客时,复制粘贴的图片无法显示.因为Typora复制 ...
- Typora使用Gitee图床
前言 现在比较流行的Markdown编辑器应该是Typora,但是Typora本身不支持本地上传图片的云端存储,所以当我们写博客的时候,需要上传图片,就得自己设置图床,今天给大家推荐一款免费的图床-G ...
- 使用Typora+PicGo配置Gitee图床
1.图床痛点 通常我们用 Typora 写 Markdown 文档,对于文档里面的图片,如果不使用图床,图片都是存放在本地,如果把文档复制到别的地方,还得额外复制图片,特别麻烦. 为了解决这种问题,一 ...
- 使用Typora+PicGo实现图片自动上传到Gitee图床
一.前言 我们在使用Typora编辑器时,会加上图片,有个弊端,只能在本地访问,你发送给别人就无法查看图片,当然可以导出pdf.小编这边的需求是这样的,自己搭建的一个博客系统,基于Hexo搭建的,这个 ...
- 文件正在上传的转圈圈gif图片引出的fixed定位和absolute定位
文件正在上传的转圈圈gif图片 一.文件上传时,未上传返回成功状态之前给个gif动态图片显示在页面,改善用户体验. <!--S 遮罩层 --> <div id="mas ...
- input type=file实现图片上传,预览以及图片删除
背景 前两天在做一个PC网站的意见反馈,其中涉及到了图片上传功能,要求可以上传多张图片,并且支持图片上传预览及图片删除, 图片上传这一块以前没怎么搞过,而且一般也很少会碰到这样的需求,所以在做这个功能 ...
- 用海豚框架(DolphinPHP)实现单/多图片上传时,如何获得图片路径
用框架实现图片上传很简单,就不多说了,然后这个框架的实现机制是这样的,我们选择图片,点击上传,他会将图片保存在uploads下,以当天时间和随机字母作为图片名,然后在返回个数字,这个数字是这个图片的i ...
随机推荐
- 解决->maven下载失败bug
一.前言: 经过一个下午的奋斗(谷歌,视频...重装)后终,于暂时解决了上一篇文章中的bug 传送门:https://blog.csdn.net/weixin_44092288/article/det ...
- 20210716考试-NOIP19
u,v,w. 这场考过. T1 u 差分裸题 #include<bits/stdc++.h> using namespace std; const int N=5000; int n,m; ...
- Appium自动化(6) - 控件定位工具之uiautomatorviewer 的详细介绍
如果你还想从头学起Appium,可以看看这个系列的文章哦! https://www.cnblogs.com/poloyy/category/1693896.html 前言 app定位不如web定位那么 ...
- Linux常用命令 - nl命令详解
21篇测试必备的Linux常用命令,每天敲一篇,每次敲三遍,每月一循环,全都可记住!! https://www.cnblogs.com/poloyy/category/1672457.html 显示行 ...
- ysoserial CommonsColletions4分析
ysoserial CommonsColletions4分析 其实CC4就是 CC3前半部分和CC2后半部分 拼接组成的,没有什么新的知识点. 不过要注意的是,CC4和CC2一样需要在commons- ...
- Typescript详解
typescript由微软开发的一款开源编程语言. ts是jacascript的超集,遵循ES6,ES5规范,ts扩展了js的语法. ts更像后端java,c#这样的面向对象的语言,可以让js开发大型 ...
- 5-21python数据类型
一.字符串,是不可变数据类型,所有字符串的方法都不会修改字符串的值,使用字符串的方法后都是生成了一个新的字符串.就因为字符串是不可变变量! 字符串的方法 1. strip(),默认去空格,但是当()中 ...
- 一起学习PHP中GD库的使用(一)
又到了一个大家非常熟悉的库了,对于图像图形的处理来说,GD 库是 PHPer 们绕不过去的一道坎.从很早很早的 CMS 或者 Discuz 时代,各类开源软件在安装的时候就会明确地指出 GD 库是它们 ...
- CSS linear-gradient() 函数
用于背景颜色渐变或画线条等场景 linear-gradient() 函数用于创建一个表示两种或多种颜色线性渐变的图片. 创建一个线性渐变,需要指定两种颜色,还可以实现不同方向(指定为一个角度)的渐变效 ...
- nginx 禁止某IP访问
首先建立下面的配置文件放在nginx的conf目录下面,命名为blocksip.conf: deny 95.105.25.181; 保存一下. 在nginx的配置文件nginx.conf中加入:inc ...