Skip to main content

Compare Two Images Side-by-Side

Small widget to compare two images side by side, for my articles on pixel art scaling (parts one and two).

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

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

The whole thing turned out to be relatively straightforward, using drawImage.

Resources

See also