PerfectPixel by WellDoneCode (pixel perfect)
Огляд
Drop your mockup on the live page for pixel-perfect comparison with your code.
PerfectPixel adds a semi-transparent image overlay on top of any web page, letting you compare your frontend implementation against the original design mockup directly in the browser. Upload a design comp, adjust opacity, and immediately see where your code diverges from the spec — with pixel-perfect accuracy. No more switching between tabs or squinting at two screens side by side. How it works: install the extension, open any page, and drop in an image — drag and drop, paste a URL, paste from clipboard, or use the file picker. Position and scale the overlay, then adjust opacity to compare. Features: - Overlay any PNG, JPG, or SVG on any web page - Adjustable opacity for real-time visual comparison - 4 blend modes (Difference, Invert, Multiply, Overlay) plus Normal — each useful for catching different types of mismatches - Lock the overlay to click through it and interact with page elements underneath - Per-domain persistence: your layers stay saved per site and restore automatically across browser sessions - Multiple layers per domain - Scaling, repositioning, and centering controls - Keyboard shortcuts for common actions Pro features: - Unlimited simultaneous layers (free tier supports 2) - Folders to group layers - Layer rotation - Dark theme - Custom icon, accent color, and custom CSS Built for frontend developers, QA engineers, agencies, and development teams who need to verify that what they shipped matches what was designed. 350,000+ developers. 10+ years on the Chrome Web Store.
4,3 з 5635 оцінок
Деталі
- Версія3.1.0.6
- Оновлено21 червня 2026 р.
- ФункціїПропонуються покупки через додаток
- Розмір944KiB
- МовиКількість мов: 3
- РозробникWELLDONECODE LLCВеб-сайт
254 Chapman Rd Ste 208 #4980 Newark, DE 19702 USЕлектронна пошта
support@welldonecode.comТелефон
+1 415-226-9669 - ПродавецьЦей розробник ідентифікує себе як продавця за визначенням Європейського Союзу й зобов’язується надавати лише продукти або послуги, які відповідають законам ЄС.
Конфіденційність
Розробник продукту (PerfectPixel by WellDoneCode (pixel perfect)) надав наведену нижче інформацію про те, як збираються і використовуються ваші дані. Щоб дізнатися більше, перегляньте privacy policy розробника.
PerfectPixel by WellDoneCode (pixel perfect) обробляє наведені нижче дані.
Цей розробник заявляє, що ваші дані:
- не продаються третім особам (за винятком дозволених випадків)
- не використовуються й не передаються для цілей, що не пов’язані з основними функціями продукту
- не використовуються й не передаються для визначення кредитоспроможності або в цілях кредитування
Підтримка
Щоб отримати допомогу із запитаннями, пропозиціями й проблемами, відкрийте цю сторінку у вебпереглядачі для комп’ютера