New example.

petersirka · petersirka · commit 69bf1a7f6e15 · 2016-02-05T20:19:16.000+01:00
diff --git a/image-middleware-pngquant/controllers/default.js b/image-middleware-pngquant/controllers/default.js
@@ -0,0 +1,4 @@
+exports.install = function() {
+	F.route('/');
+	F.resize('/img/*.png', '50%');
+};
diff --git a/image-middleware-pngquant/definitions/middleware.js b/image-middleware-pngquant/definitions/middleware.js
@@ -0,0 +1,5 @@
+var PngQuant = require('pngquant');
+
+Image.middleware('png', function() {
+	return new PngQuant([128]);
+});
diff --git a/image-middleware-pngquant/index.js b/image-middleware-pngquant/index.js
@@ -0,0 +1 @@
+require('total.js').http('debug');
diff --git a/image-middleware-pngquant/public/img/logo.png b/image-middleware-pngquant/public/img/logo.png
diff --git a/image-middleware-pngquant/readme.md b/image-middleware-pngquant/readme.md
@@ -0,0 +1,3 @@
+- total.js +v1.9.7
+- you must have installed GraphicsMagick or ImageMagick
+- install `npm install -g pngquant`
diff --git a/image-middleware-pngquant/views/index.html b/image-middleware-pngquant/views/index.html
@@ -0,0 +1,16 @@
+@{layout('')}
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8" />
+	<meta http-equiv="X-UA-Compatible" content="IE=11" />
+	<meta name="format-detection" content="telephone=no" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<meta name="robots" content="all,follow" />
+</head>
+<body style="font: normal normal 12px Arial">
+	<div>The image is resized about 50% and shrinked with PNGQUANT. Try to remove the middleware with PNGQUANT and watch the file size.</div>
+	<br />
+	<div><img src="/img/logo.png" alt="Logo" /></div>
+</body>
+</html>

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+- total.js +v1.9.7`
	`2`	`+- you must have installed GraphicsMagick or ImageMagick`
	`3`	+- install `npm install -g pngquant`