imagecachejs

imagecache.js

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

Usage

It's easy to just add imagecache to your application

import express from 'express'
import imagecache from './imagecache'

const app = express()

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

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

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

Brightness

Increase or decrease the brightness

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

Contrast

Increase or decrease the brightness

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

Flip

Flip the image horizontally, vertically, or both

http://localhost:3000/imagecache/images/apartment.jpg?flip=h http://localhost:3000/imagecache/images/apartment.jpg?flip=v http://localhost:3000/imagecache/images/apartment.jpg?flip=vh

Colorize

Colorize image with a preset

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

Blur

Blur image with a radius

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

Rotate

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

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

Crop

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

http://localhost:3000/imagecache/images/apartment.jpg?crop=100,100,560,400

Resize

Resize the image

http://localhost:3000/imagecache/images/apartment.jpg?w=500 http://localhost:3000/imagecache/images/apartment.jpg?w=200&dpi=2 http://localhost:3000/imagecache/images/apartment.jpg?h=250 http://localhost:3000/imagecache/images/apartment.jpg?w=300&h=300