使用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 ...
随机推荐
- Ubuntu 16.04 + Win10双系统 启动Ubuntu进入命令行 无界面
Ubuntu 16.04 + Win10双系统,启动Ubuntu时候报错,并入命令行(无界面). 原因:可能是双系统兼容性问题 解决办法: 重启系统,进入Win10 然后在Win10中重启电脑. 重启 ...
- Java数八大据类型的拓展
public class 数据类型拓展问题 { public static void main(String[] args) { //================================= ...
- 分布式系列-分布式ID
一.数据库自增(单实例) 1.方案描述 基于数据库自增ID(auto_increment)利用其来充当分布式ID.实现方式就是用一张表来充当ID生成器,当我们需要ID时,向表中插入一条记录返回主键ID ...
- 电子设备的使用方法-第5版(佳明智能腕表小米手机联想轻薄笔记本群晖存储)我的腾讯QQ电子邮箱地址是 595076941@qq.com - 2021年9月5日
电子设备的使用方法-第5版 (佳明智能腕表小米手机联想轻薄笔记本群晖存储) 2021年9月5日 我的腾讯QQ电子邮箱地址是 595076941@qq.com 前言 大家好,我叫徐晓亮,今天我 ...
- 源码编译安装nginx及设置开机启动项
1.上传nginx文档:解压到/data目录下,并安装依赖包tar xf nginx-1.20.1.tar.gz -C /data/cd /data/nginx-1.20.1/ && ...
- 【曹工杂谈】说说Maven框架和插件的契约
说说Maven框架和插件的契约 前言 Maven框架就像现在公司内的各种平台方,规定一些契约,然后想办法拉动业务方,一起在这个平台上去做生态共建.Maven也是这样,其实它就是一个插件执行的框架,Ma ...
- NOIP模拟13「工业题·卡常题·玄学题」
T1:工业题 基本思路 这题有一个重要的小转化: 我们将原来的函数看作一个矩阵,\(f(i,j-1)*a\)相当于从\(j-1\)向右走一步并贡献a,\(f(i-1,j)*b\)相当于从\(i-1 ...
- docker&flask快速构建服务接口(二)
系列其他内容 docker快速创建轻量级的可移植的容器✓ docker&flask快速构建服务接口✓ docker&uwsgi高性能WSGI服务器生产部署必备 docker&g ...
- golang接口类型判断 VS 接口类型查询
接口类型判断:接口.(类型) 1.类型查询:查询接口数据对应的类型是否是指定的类型 2.类型转化:如果是指定类型,就将数据转化为接口类型查询: 1.reflect.TypeOf(接口) 2.接口.(T ...
- 论文解读(DGI)《DEEP GRAPH INFOMAX》
论文标题:DEEP GRAPH INFOMAX 论文方向:图像领域 论文来源:2019 ICLR 论文链接:https://arxiv.org/abs/1809.10341 论文代码:https:// ...