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 - Remember width and position for each image, so you can switch between PC and SP designs instantly - 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. What's new in 1.1.0 - Each image now remembers its own width and position - Resizable in-page panel that always stays on screen - Faster when many images are stored - Fixes for the side panel and the page width setting Full changelog: https://blanks.work/en/services/pixel-check/updates/