https://github.com/noopkat/floyd-steinberg

dithering for node
https://github.com/noopkat/floyd-steinberg

Last synced: 16 days ago
JSON representation

dithering for node

• Host: GitHub
• URL: https://github.com/noopkat/floyd-steinberg
• Owner: noopkat
• Created: 2014-09-12T01:50:08.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2023-12-29T12:48:13.000Z (11 months ago)
• Last Synced: 2024-10-18T13:58:36.722Z (24 days ago)
• Language: JavaScript
• Size: 2.94 MB
• Stars: 80
• Watchers: 3
• Forks: 14
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
!['npm version'](http://img.shields.io/npm/v/floyd-steinberg.svg?style=flat) !['downloads over month'](http://img.shields.io/npm/dm/floyd-steinberg.svg?style=flat)

# floyd-steinberg

Greyscale dithering for the Node.js

## Install

```

npm install floyd-steinberg

```

## Floyd-Who?

The Floyd-Steinberg dithering algorithm was published by Robert Floyd and Louis Steinberg in 1976. Dithering is a method of diffusing pixels in order to avoid harsh edges or banding where the colours in an image contrast with each other. Its obvious use is in converting high depth images to a limited colour palette (256 or less). There are many dithering algorithms out there, and Floyd-Steinberg is one of the most well known.

## How do I use this module?

This module expects a PNG format image object to be passed in as a single argument. This image object must comply with the same format as the HTML5 canvas ImageData spec (see [https://developer.mozilla.org/en-US/docs/Web/API/ImageData](https://developer.mozilla.org/en-US/docs/Web/API/ImageData)). There are several node packages out there that can parse/decode PNG files into this format. Try [pngparse](https://github.com/darkskyapp/pngparse) or [pngjs](https://github.com/lukeapage/pngjs) from the [npmjs.com](http://npmjs.com) repository.

## Example

Example use:

```javascript

var floydSteinberg = require('floyd-steinberg');

var ditherImage = floydSteinberg(imageData);

console.log(ditherImage);

```

And the result:

```javascript

ditherImage = {

  height: int,

  width: int,

  data: [...]

}

```

From there, you may pipe this into a PNG file output solution, or use the object to manipulate/use in your project. "What is all this piping business?" - I'm glad you asked. Read this [streams quick guide](http://www.sitepoint.com/basics-node-js-streams), and [in-depth streams adventure](https://github.com/substack/stream-handbook).

Example converting an image from the filesystem using pngjs:

```javascript

var floydSteinberg = require('floyd-steinberg');

var fs = require('fs');

var PNG = require('pngjs').PNG;

fs.createReadStream('in.png').pipe(new PNG()).on('parsed', function() {

  floydSteinberg(this).pack().pipe(fs.createWriteStream('out.png'));

});

```

## How does it look?

Current file output of this module:

![lena-floyd](test/png/test2-mono.png)

![mandrill](test/png/test1-mono.png)

![peppers](test/png/test0-mono.png)

![alligator](test/png/test3-mono.png)

## Credit

The base algorithm is a modified version from the [iFramework](https://github.com/meemoo/iframework/blob/master/src/nodes/image-monochrome-worker.js) project by [Forrest Oliphant](https://github.com/forresto) and [meemoo](https://github.com/meemoo).  

I then tweaked it further to remove artifacts and improve contrast in the image.