Visual Regression Screenshot Compare
Compare screenshots for visual regressions, UI drift, and layout changes between releases.
Control approved baseline updates
Keep the reference screenshot tied to a reviewed release and update it only after the intended design change has been accepted.
Record which browser, viewport, and test state the baseline represents so later comparisons use the same conditions.
Triage visual test results before changing a baseline
Separate intended design changes, rendering noise, and defects before accepting a new reference image.
When the same unexpected difference appears across several pages, inspect shared styles, fonts, or test setup before accepting each image as a new baseline.
Image comparison FAQ
Which image formats are supported?
The page supports PNG, JPG, GIF, WEBP, and SVG uploads.
What comparison modes are available?
Six modes: side-by-side, stacked, slider overlay, pixel diff, highlight, and heatmap. Use the overlay or slider for quick checks, and pixel diff or highlight for exact changes.
What do sensitivity and channels do?
The sensitivity slider controls how strictly pixels are compared, ignore anti-aliasing skips fringing, and the channel selector lets you compare a single color channel (R, G, B) or luminance.
Are my images uploaded to a server?
No. All comparison and image processing happens locally in your browser.