Skip to main content

Image Comparison

I wanted to compare two images side by side for my articles on pixel art scaling (parts one and two), to show the difference between various algorithms.

The TwentyTwenty jQuery plugin does this beautifully, but I wanted to avoid external dependencies.

Image on the left Image on the right
Try dragging and dropping your own image files in here.

This turned out to be relatively straightforward, using drawImage.

Check out the resources used on this page:

See also