上篇文章介绍了如何用gulp-imagemin插件来自动批量压缩CocosCreator项目的图片资源,imagemin虽然使用方便且免费,但缺点也很明显,就是耗时长而且压缩比不高(压缩后大概比原图小10-15%)。

其实还有一个更牛的压缩神器,叫 tinypng(官网: https://tinypng.com/),它的压缩比可以达到惊人的50-70%,且基本无损。
tinypng的使用方式有很多种,有桌面应用程序、Web方式(直接在浏览器中选择图片),也有PhotoShop插件。不过这些都收费,当然也可免费申请试用。它的压缩过程是把图片通过https方式上传到tinypng服务器进行压缩,然后再下载回来。

这里要介绍的是tinypng官方提供的gulp插件,但使用时必须有KEY,这个KEY也可以在官网上免费申请,但免费的只能每月压缩500张图片。

安装 tinypng 插件

在项目根目录输入命令

$ npm install gulp-tinypng-compress -save-dev

编写任务

var gulp = require("gulp");
var tinypng = require('gulp-tinypng-compress');gulp.task('tinypng', function (cb) {gulp.src('./build/web-mobile/**/*.{png,jpg,jpeg}').pipe(tinypng({key: 'xxxx',sigFile: './build/.tinypng-sigs',log: true})).pipe(gulp.dest("./build/web-mobile/")).on("end", cb);
});

注意:上面代码中的key值,必须是自己从tinypng官网申请的有效key,否则运行会报错。

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

运行任务

$ gulp tinypng

结果

输入和输出目录都是 ./build/web-mobile,通过文件夹大小的前后对比,可以看到,压缩后通常能小50%以上。

CocosCreator和gulp-使用tinypng批量压缩图片相关推荐

  1. TinyPng批量压缩图片

    原文章:https://blog.csdn.net/weixin_38785881/article/details/90264129 注意:每月的前500次是免费,后续就要收费!!! 可以换邮箱重新申 ...

  2. 10 行 Python 代码,批量压缩图片 500 张,简直太强大了

    这几天,我在用 Github page + hexo 搭建个人网站,为了延续风格,就想把配图与文章一起迁移过去.这时候就出现了一个难题:我所用的图片都是高清大图,放到网站上会严重拖慢加载速度.因此,需 ...

  3. 使用tinify批量压缩图片

    开篇 不管是开发还是美工在使用图片时避免不了会对图片进行压缩等操作,TinyPNG 是一个压缩利器.TinyPNG网站提供了压缩和优化.png 格式图片的功能.虽然可以很轻松地使用网页版进行操作.这里 ...

  4. python怎么把图片压缩_使用Python轻松批量压缩图片

    在互联网,图片的大小对一个网站的响应速度有着明显的影响,因此在提供用户预览的时候,图片往往是使用压缩后的.如果一个网站图片较多,一张张压缩显然很浪费时间.那么接下来,我就跟大家分享一个批量压缩图片的方 ...

  5. 使用Python批量压缩图片

    使用Python批量压缩图片 Python脚本 #coding:utf-8 import Image import os import os.path def picIsCorrect(fileSuf ...

  6. 如何使用python批量压缩图片_python利用Guetzli批量压缩图片

    Google 又开源了,这次开源了一款图像算法工具 Guetzli.Guetzli,在瑞士德语中是"cookie(曲奇)"的意思,是一个针对数码图像和网页图像的 JPEG 编码器, ...

  7. 如何使用python批量压缩图片_利用Python 批量压缩图片

    方法一 直接调整宽高 先放参考资料:如何用Python智能批量压缩图片? import math from glob import glob from PIL import Image import ...

  8. 批量压缩图片软件 JAVA

    批量压缩图片软件 - CompressImages 软件介绍: CompressImages是一款批量压缩图片的软件,它能够将指定文件夹(含子目录)中的所有图片文件进行压缩,并且是在图片不失真的前提下 ...

  9. 图片太多怎么办?教你怎么批量压缩图片大小

    小编在写推文的时候,为了实现图文并茂的效果,需要在文档中插入一些图片,但是,图片体积过大势必会影响文件传输的时间.如果是多张图片一起上传,进度就更慢了,那怎么办呢?其实,我们可以进行图片批量压缩(ht ...

  10. 这是一款可以批量压缩图片的软件

    很多小伙伴都在找一款图片压缩的软件,很多的软件一次只能压缩一张图片,小编最近遇到了一个神奇的压缩软件,这是一款可以批量压缩图片的软件,下面就是小编分享的图片压缩软件的使用方法哦,可以来看看! 工具介绍 ...

最新文章

  1. 《精通Python设计模式》学习结构型之享元模式
  2. 使用vs2015开发linux:Ubuntu程序
  3. android studio cmake opencv_Mac下安装及配置OpenCV环境(Xcode)
  4. delphi socket 怎样把接收到的二进制数据转换成字符串显示_广东qp用户数据免费咨询...
  5. 【cudnn】cudnn 安装
  6. 【图像处理】——图像内插法
  7. MultipartFile文件上传
  8. 使用命令来进行modelsim仿真
  9. 微信翻译团队课余也搞围棋AI:比腾讯绝艺更强,首次亮相就夺冠
  10. python汉字排序_Python中文排序(转载)
  11. WORD 常用操作技巧
  12. python转义字符:‘\‘
  13. mac安装appium时执行appium-doctor命令提示command not found: appium-doctor
  14. Python爬虫实例--新浪热搜榜[正则表达式]
  15. c++ opencv (学习笔记)inRange函数
  16. 如何设计出优秀的EDM邮件营销模板
  17. 查找二叉排序树的双亲节点,并输出路径
  18. 怎样才能设计一个“易用性”好的网站?
  19. weex开发实战(5)--利用wxc-tabbar实现类似安卓fragment分页效果
  20. 【ASP.NET】家乡网站设计作业「历史」「人文」「自然」「美食」「高中」

热门文章

  1. 不允许有匹配 [xX][mM][lL] 的处理指令目标
  2. 创建ejb项目以及weblogic部署ejb
  3. java如何生成jar包
  4. 微软王码五笔86版 for winnt/2000/xp v7.3 免费
  5. 英文名称(缩写)汇总
  6. 未能监测到驱动人生服务器,驱动人生查询失败可能是DNS被劫持的锅!
  7. (转)价值杂志:推荐阅读投资理财经典55本(上篇)
  8. ctfmon.exe频繁出错的一个解决办法
  9. 洛谷P3853 路标设置
  10. ansible自动运维