Image Diff
Pixel-level diff between two images of the same dimensions.
About Image Diff
Compare two images of the same dimensions and get a pixel-level diff highlighting exactly where they differ. Reach for it in visual regression testing, design review, or any time you need proof that two screenshots are or are not identical. Both images are compared in your browser, so nothing is uploaded.
- Category
- inspect
- Input
- Accepts: image/jpeg, image/png or image/webp.
- Output
- Outputs: image/png (multiple).
- Cost
- Free, runs in your browser
- Memory
- low
Common uses
- Catch unintended visual regressions between a baseline screenshot and a new build
- Show a designer precisely which pixels changed between two mockup revisions
- Verify that an exported asset matches the original after a format conversion
- Confirm two near-identical photos are actually different copies
- Spot subtle rendering differences between browsers from matched screenshots
- Document a before-and-after change for a bug report with a highlighted diff image
Frequently asked questions
Do the two images need to be the same size?
Yes. The diff is computed per pixel, so both images must share identical dimensions to line up correctly.
What formats are supported?
JPEG, PNG, and WebP images. The diff result is returned as a PNG.
What does the output look like?
A PNG image that highlights the pixels that differ between the two inputs, making changed regions easy to see at a glance.
Are my images uploaded for comparison?
No. Both images are loaded and compared locally in your browser, so they never leave your device.
Why are there differences I cannot see?
JPEG and WebP are lossy, so re-encoding the same image can shift pixels slightly. Compare PNGs for exact, lossless results.
Keywords
- diff
- compare
- pixel
- difference
- inspect