DiffPixel
Add to Chrome

Visual QA / Chrome extension

See the pixel that drifted.

Overlay the reference. Align the page. Fix the difference—without leaving Chrome.

Add to Chrome
FreeNo accountLocal only
DiffPixel aligning a reference image over a live page
The same DiffPixel session in Difference blend mode
Overlay Difference
Live extension session50 / 100

Workflow / 01—03

Three states.
One clear result.

01 / Add

Bring the reference into the page.

Choose a file, drop it, or paste it. The image stays on your device and appears exactly where the work happens.

The DiffPixel panel ready to add a local reference image
02 / Align

Align it. Down to one pixel.

Nudge X and Y, tune scale and opacity, then keep the page visible while the reference settles into place.

DiffPixel aligning a reference with pixel-level controls
03 / Difference

Let the difference speak.

Switch blend modes. Matching pixels recede; the places that need attention remain unmistakably visible.

DiffPixel revealing mismatches in Difference mode

Panel / 08 controls

One panel.
Every check.

Enough control to inspect the detail. Little enough interface to stay out of the way.

The full DiffPixel panel and aligned reference layer
  1. 01Layers
  2. 02Blend
  3. 03Opacity
  4. 04X / Y
  5. 05Scale
  6. 06Grid
  7. 07Shortcuts
  8. 08Themes

Privacy / Local by default

Your work stays yours.

Reference files and comparison settings stay in Chrome storage on your device.

Read the privacy policy
01 / Upload
None
02 / Analytics
None
03 / Storage
On device

Available on Chrome Web Store

Ready to
compare?

Add to Chrome