Pixel Check — Design Overlay

Overlay design images on live pages to spot pixel-level implementation differences.

Pixel Check is a Chrome extension that lets you overlay design images on live web pages to check your implementation down to the pixel. It is useful for front-end implementation reviews, design QA, and responsive layout adjustments. Key features - Overlay PNG and JPG design images on any web page - Adjust opacity, blend mode, display width, and X/Y coordinates - Center overlays horizontally, drag to reposition, and lock movement - Use Difference mode to spot mismatches between the design and implementation - Measure width, height, and diagonal distance with Ruler mode - Inspect element size, position, spacing, typography, and appearance - Check the `document.body` width and resize the Chrome window to match Added images and settings are stored locally in your browser. No images or browsing data are sent to external servers.