Old newspaper image converter

Lots of new stuff are coming with HTML5 (Canvas, Workers, drag and drop files) and in order to keep up i’ve  setup a little JS experiment. You can have a look at the source at github.

It is a tool that converts images to an old, newspaper style. Here is an example:

canvas_2013_10_13_19_10_33

It has different settings, so by playing with them you can achieve quite interesting effects that you can use in your design projects. Here are few previews:

canvas_2013_10_13_19_54_56canvas_2013_10_13_19_57_28canvas_2013_10_13_19_58_01

The script works by first converting the image to grey-scale. Then divides the image and calculates the average color per segment. The average color defines the size and the color of each segment.

Since it’s an experiment i’ve only tested it IE10, Chrome 30 and Firefox 24 and it seems to work, but you can always drop me a comment if you see something fishy.

Leave a Reply