使用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 ...
随机推荐
- 使用junit进行最简单的单元测试
使用junit进行最简单的单元测试 使用工具: jdk IDEA Maven 第一步 创建一个Maven项目 第二步 导入junit依赖 <dependency> <groupId& ...
- pip install 报错 TypeError: 'module' object is not callable
$ pip install filetype Traceback (most recent call last): File "/usr/local/bin/pip2", line ...
- Hopper Disassembler系列之Sublime Text 3 爆破
https://www.52pojie.cn/thread-793069-1-1.html 当参数少于7个时, 参数从左到右放入寄存器: rdi, rsi, rdx, rcx, r8, r9. 当参数 ...
- Spring系列之JDBC对不同数据库异常如何抽象的?
前言 使用Spring-Jdbc的情况下,在有些场景中,我们需要根据数据库报的异常类型的不同,来编写我们的业务代码.比如说,我们有这样一段逻辑,如果我们新插入的记录,存在唯一约束冲突,就会返回给客户端 ...
- 20210716 noip17
考场 终于有一场在晚上考了 T1 随便画了画就发现要求每个点的后继个数,想起来有 dfs 和 toposort 两种方法,感觉很稳 T2 裸的网络流有 70pts?!真香 一看 T3 就想起了 Mst ...
- IP头详解
IP包头长度(Header Length):长度4比特.这个字段的作用是为了描述IP包头的长度,因为在IP包头中有变长的可选部分.该部分占4个bit位,单位为32bit(4个字节),即本区域值= IP ...
- Android使用百度语音识别api代码实现。
第一步 ① 创建平台应用 点击百度智能云进入,没有账号的可以先注册账号,这里默认都有账号了,然后登录. 然后左侧导航栏点击找到语音技术 然后会进入一个应用总览页面, 然后点击创建应用 立即创建 点击查 ...
- Vue开发多人聊天室 复盘总结
前言 在上个月初,接到一个需求,要开发一个 聊天通讯 模块 并且 集成到 项目中的多个 入口,实现业务数据的记录追踪. 接到需求后,还挺开心,这是我第一次 搞 通讯 类的需求,之前一直是 B 端 的业 ...
- [闻缺陷则喜]关于boost的想法
公司有个大约2万行的项目,用到了boost,我想取消掉不用boost.理由:一,可理解性差,除了高手很难弄懂.二,类太多,光头文件就1万多.大点的团队四五个高手,每人用一个boost类.高手流失后,很 ...
- 关于Container容器以及IoC注入机制的认识
container 容器的概念: 1 container 是一个Java 所编写的程序,用于对象之间之间管理对象关系. 主要的java EE 容器如下: Java容器类包含List.ArrayList ...