Coder Social home page Coder Social logo

impro's Introduction

Impro

An image processing engine integrating multiple conversion libraries.

NPM version Build Status Coverage Status Dependency Status

Impro allows specifying the operations to apply to images and will select the correct conversion library to perform the job itself.

Support for the following libraries is included:

  • Sharp
  • Gifsicle
  • JpegTran
  • Inkscape
  • OptiPNG
  • Pngquant
  • Pngcrush
  • SvgFilter
  • GraphicsMagick (install "gm" module)

Introduction

Impro is desgined so that users can express what they want to do to an image of a given type rather than how to do it. Given a series of tranformations, the library will select one or more libraries to use to turn the input image into the desired output and processing is done while fully streaming data.

Background

Image processing has typically involved command line tools which are often supplied a set of command line arguments that act as a series of instructions for the properties of the image being output and anuy transformations to apply. Each of these options is modelled as an "operation".

Operations

An operation is a named constraint (property or transformation) that an output image must conform to after it is applied.

Engines

An engine is a representation a particular image library that supports a certain set of operations on images of certain types.

Pipelines

A pipeline is a programmed series operations that will be executed by one or more engines to turn an image from the input to the desired output.

Use

The impro library can be installed simply from npm:

npm install impro

The standard configuration of impro is an instance that is configured with support for all supported engines - but the presence of the image libraries is detected which means they must be installed alongside. Each library has a node module of the same name (with the exception of gm as noted above):

npm install sharp
npm install gifsicle

some of the libraries may have requirements on native packages that must be installed via an operating system package manager

Constructing image processing pipelines

By default an import of impro returns an object with all registered engines that is ready to start handling conversion operations. To do this, we create a pipeline which we instruct about what it will do to an image.

The prepared pipeline is a Duplex stream that is ready to have the input image data piped to it and will stream the output image data out of itself:

const impro = require('impro');

const pipeline = impro.createPipeline({ type: 'png' }).jpeg();

For example, the pipeline above expect to recieve a PNG input image and will convert it to a JPEG using the chaining API.

Chaining API

The pipeline exposes methods for each operation that can be supported on a method. Above, the .jpeg() is a conversion operation to the JPEG type.

Let's look at another example:

impro
  .createPipeline({ type: 'png' })
  .grayscale()
  .resize(100, 100)
  .jpeg()
  .progressive();

This will accept a PNG, convert it to a grayscale image, resize it and finally output it as a JPEG that is interlaced. The chaining API is intended as the standard end-user interface that exposes the full power of the library in a simple and transparent fashion.

Low-level API

For cases where impro is used as a library another API is exposed which is also used internally and underlies chaining methods: an operations list.

Each named operation is itself a small object containing a name and array of the arguments (zero or more) that are provided to it. These operations are placed in an array and can be passed directly when creating a pipeline:

const pipeline = impro.createPipeline({ type: 'png' }, [
  { name: 'grayscale', args: [] },
  { name: 'resize', args: [100, 100] },
  { name: 'jpeg', args: [] },
  { name: 'progressive', args: [] }
]);

The pipeline above is equivalent to the chaining API example.

License

Impro is licensed under a standard 3-clause BSD license.

impro's People

Contributors

alexjeffburke avatar papandreou avatar donghoon-song avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.