← Back to home

Screenshot diff

Upload two images (before & after). We highlight what changed—in your browser, nothing is sent to a server.

Tips & how it works
  • Same viewport and zoom gives the cleanest compare.
  • Boxes group pixel changes (screenshots don’t include real HTML structure).
  • For Playwright accessibility trees (roles, names, states), use A11y snapshot diff instead.
  • Very different pages may show a grid of regions so results stay readable.

Before

After

Higher = ignore smaller color differences.

Advanced options
Color mode

55

1400

1

180

How it works

Pixel truth for UI regressions—browser-only, private.

  1. 01

    Pair images

    Baseline + actual PNG/JPEG uploads.

  2. 02

    Tune sensitivity

    Threshold, edge cap, perceptual modes.

  3. 03

    View modes

    Split canvases vs heat overlay.

  4. 04

    Box regions

    Clustered hotspots for triage lists.

  5. 05

    Save proof

    Annotated PNG overlays or side-by-side.