Evan's Blog HomeArchivesCategories
gulp插件

gulp

  • gulp-tinypng
  • gulp-babel
  • gulp-beautify
  • gulp-concat
  • gulp-uglify

gulp-tinypng

tinypng是一个压缩png32/24的网站，提供免费压缩服务。压缩比是ps自带的无法比拟的。不过这是有损压缩，要看情况使用。对于移动端小游戏，这点质量损失，肉眼几乎看不出。

1
2
3
4
5
6
7
8
var gulp = require('gulp');
var imagemin = require('gulp-tinypng');
var APIKEY = '这个key要去tinypng官网获取';
gulp.task('TINY', function () {
	gulp.src(['./images/*.png'])
		.pipe(tinypng(APIKEY))
		.pipe(gulp.dest('./compress/'));
});
1
gulp TINY

这个服务是必须联网的，也就是说，他是将图片（或图片数据）传输到tinypng的服务器进行压缩，再返回压缩后的图片给你的。

如何获取tinypng的apikey

其实还是慢开放的，不需要注册，不需要填各种资料。

首先进入官网的developers目录，这里这里。

上面一堆话的意思大概就是：想要用tinypng服务，就赶紧告诉我你的邮箱吧。

  1. 填一下你的名字、邮箱（尝试过，qq邮箱是不被允许的）
  2. 然后你就会收到邮件
  3. 按邮件里面的指示操作，打开一个连接
  4. 然后就看到apikey了

==每月免费压缩500张==，超额的按官方价格，每张$0.009、$0.002。

目前我也只是用了一个邮箱去获取，暂时没发现有超额现象。

不使用gulp-tinypng

当然gulp-tinypng只是其中一个方法，我们可以用官方给出的方法自己写一个node app来实现，而且功能更多更强大。官网nodejs指引

gulptinypng