imagecachejs

imagecache.js

Imagecache is a express middleware that lets you manipulate images and then cache them for quick retrieval.

Installation

Install with npm or yarn:

npm install --save imagecachejs

Usage

It's easy to just add imagecache to your application

import path from 'path'
import express from 'express'
import imagecache from 'imagecachejs'

const app = express()

app.use(express.static('./public'))

app.use('/imagecache', imagecache({
  destination: path.resolve('cached'),
  sources: [
    'http://localhost:8080'
  ]
}))

app.listen(8080, function () {
  console.log('Example app listening on port 8080')
})

Brightness

Increase or decrease the brightness

http://localhost:3000/imagecache/images/kitten.jpg?bri=50

http://localhost:3000/imagecache/images/kitten.jpg?bri=-30

Contrast

Increase or decrease the brightness

http://localhost:3000/imagecache/images/kitten.jpg?con=50

http://localhost:3000/imagecache/images/kitten.jpg?con=-30

Flip

Flip the image horizontally, vertically, or both

http://localhost:3000/imagecache/images/kitten.jpg?flip=h

http://localhost:3000/imagecache/images/kitten.jpg?flip=v

http://localhost:3000/imagecache/images/kitten.jpg?flip=vh

Colorize

Colorize image with a preset

http://localhost:3000/imagecache/images/kitten.jpg?col=greyscale

http://localhost:3000/imagecache/images/kitten.jpg?col=sepia

Blur

Blur image with a radius

http://localhost:3000/imagecache/images/kitten.jpg?blur=15

Rotate

Rotate image and then crop to largest possible rectangle with same aspect ratio

http://localhost:3000/imagecache/images/kitten.jpg?rot=45

Crop

Crop the image using a reactangle in the format "x,y,w,h"

http://localhost:3000/imagecache/images/kitten.jpg?crop=100,100,400,200

Resize

Resize the image

http://localhost:3000/imagecache/images/kitten.jpg?w=500

http://localhost:3000/imagecache/images/kitten.jpg?w=200&dpi=2

http://localhost:3000/imagecache/images/kitten.jpg?h=250

http://localhost:3000/imagecache/images/kitten.jpg?w=300&h=300