Image comparison using JavaScript

Did you ever wanted to get the differences between to images fast? Probably not, but I think in the future you might want to. This is when IM.js comes in. This JavaScript library can help you find the differences between images quickly. The library scans the images you added pixel by pixel using HTML5 canvas and outputs their similarity ratios.

IM.js was in fact created for auto-testing the similarity of URL snapshots taken from different browsers which is a great idea for finding cross-browser problems or rendering differences. This JavaScript library can also be used for other stuff like detecting duplicate images. Besides the ratio, it can create a canvas where the two different images are joined for easily seeing the differences.

Image comparison using JavaScript: example

Image comparison using JavaScript

Download JavaScript Library

Related Posts

Let users find links on your page by typing

Web-scraping framework written in Javascript

JavaScript Notifications For Bootstrap Or jQuery UI

JavaScript framework similar to CoffeScript

Leave a Reply