Instant visual diffing with CSS blend modes!
Simply enter the sites you want to compare. Locally hosted addresses and files also work (so you can see how your local changes affect current pages or previous versions).
Visual Diff:(If all the pixels are black, both frames are identical)
What's Going on Here?
This website uses the
difference blend mode, which is supported on most browsers. Pixels are compared on each RGBA channel between the active layer (second input) and background later (first input). Similar pixels will turn black. Pixels with visual alteration will change in color by taking the absolute value of their difference:
|a - b| on each RGBA channel.