Compare Screenshots Side by Side
Paste, diff, done — built for UI reviews, bug reports and before/after checks.
100% free · No sign-up · Runs in your browser
Compare screenshots now →Screenshot comparison is where pixel-level tools shine: UI regressions, design QA against a mockup, before/after a CSS change, or verifying that a bug fix actually changed what it claims. Eyeballing two screenshots side by side misses one-pixel shifts and subtle color changes — a pixel diff doesn't.
The workflow is built for speed: take a screenshot, press Ctrl+V to paste it straight into a zone, paste the second one, and hit Pixel Diff. Changed regions light up in red on a grayscale background, with a threshold slider to ignore anti-aliasing noise and a cluster mode that draws boxes around each changed region.
If the two screenshots aren't perfectly aligned — say one includes an extra toolbar — use Overlay Align mode to drag one on top of the other with arrow-key precision before diffing, or A/B flash to flip between them in place.
How to use
- 1Take both screenshots and open the tool with 2 zones.
- 2Click a zone and press Ctrl+V to paste each screenshot — no saving to disk needed.
- 3Hit "Pixel diff" to highlight differences, adjust the threshold, and export the diff as a PNG for your bug report.
Why use this tool
Paste directly from clipboard
Ctrl+V puts your screenshot into a zone instantly — no file saving round-trip.
Pixel diff with noise control
Threshold and intensity sliders filter font anti-aliasing; cluster boxes point at each changed region.
Overlay align for offset shots
Nudge one screenshot over the other with 1px arrow-key precision before comparing.
Exportable evidence
Download the diff view as a PNG and attach it to your bug report or PR.
Frequently Asked Questions
The screenshots have a 2px offset — can I still diff them?
Yes. Use Overlay Align to shift one image (arrows = 1px, Shift+arrows = 10px) until they line up, then the diff runs on the aligned pair.
How do I ignore tiny rendering differences?
Raise the threshold slider — it filters sub-threshold pixel deltas like font smoothing, so only real changes stay highlighted.
Can I compare screenshots of different sizes?
You can view them side by side freely. Pixel diff works on the overlapping area, so crop to matching regions for the cleanest result.