PerfectPixel by WellDoneCode (pixel perfect)
Extension Actions
- Extension status: Featured
- Extension status: In-App Purchases
Наложите дизайн-макет на страницу — попиксельное сравнение верстки прямо в браузере.
PerfectPixel добавляет полупрозрачный слой с макетом поверх любой веб-страницы, позволяя сравнить верстку с оригинальным дизайном прямо в браузере. Загрузите макет, настройте прозрачность — и с попиксельной точностью увидите, где код расходится с макетом. Больше не нужно переключаться между вкладками или сверять два экрана на глаз.
Как это работает: установите расширение, откройте любую страницу и добавьте изображение — перетащите файл, вставьте из URL, вставьте из буфера обмена или выберите через файловый менеджер. Расположите и масштабируйте оверлей, затем регулируйте прозрачность для сравнения.
Возможности:
- Загрузка из PNG, JPG или SVG поверх любой веб-страницы
- Регулируемая прозрачность для визуального сравнения в реальном времени
- 5 режимов наложения — Нормальный, Разница, Инверсия, Умножение, Наложение — каждый полезен для выявления разных типов расхождений
- Блокировка слоя: слой становится прозрачным для кликов и взаимодействия с элементами страницы
- Слои сохраняются для каждого домена и автоматически восстанавливаются между сессиями
- Несколько слоёв на один домен
- Масштабирование, позиционирование, центрирование
- Горячие клавиши для основных действий
Новое в версии 3.0:
- 5 режимов наложения для продвинутого сравнения (режим Разница мгновенно подсвечивает расхождения между макетом и версткой)
- Обновлённый современный интерфейс — функции стало проще найти
- Тарифы Teams и Enterprise для агентств и команд разработки
Pro-функции:
- Тёмная тема
- Неограниченное количество одновременных слоёв (в бесплатной версии — 2)
- Поворот слоёв
- Кастомная иконка, цвет акцента, свой CSS
Создан для фронтенд-разработчиков, QA-инженеров, агентств и команд разработки, которым важно, чтобы результат в браузере точно соответствовал дизайн-макету.
350 000+ разработчиков. Более 10 лет в Chrome Web Store.
Latest reviews
- Krzysztof Kosmowski
- I used it for years and it was meeting all my expectations. Some time ago it started to be bit slower, crashing more often. Now they've capped the free amount of "layers" to 2, then you have to pay $25/yr. It would be reasonable to keep this number to say 5 or 6, as it's hardly "pro" to use e.g. 3 of them. Maybe this is just a bit of disappointment since they locked the number that was previously infinite. But it's clear it's the only monetization that the team can do – the other things after the pay wall are: dark mode, different theme, different icon I'll try it for a while, but I suppose it's over for my usage.
- Antony de Navarro
- Was brilliant but has completely nerfed it with only 2 layers per site in the latest version unless you pay for a Pro subscription. A shame, is much more tedious to use now.
- Arek Rado
- Upgrade to PRO to get more stars
- akemi ebisu
- Rugpulled for free users. Recently added a "3 image layer" cap to the extension, was amazing for many functions before that, now near worthless, well done guys you let greed ruin your program.
- Дмитрий Корбут
- The best pp ext I used.
- Armen Torosyan
- the most hated extension among devs probably
- Nuno Marques (ositaka)
- Great tool! I've been using it for the past 5 years in my pixel-perfect mission.
- Andrew Clarkson
- Love it, makes my job easier!
- Luciano Castro
- You make a premium service by adding better features, instead they removed the scaling of layers and put it behind a paywall..
- Pei-Chia Yen
- Awesome tool. Very useful
- Renko (Renkuu)
- let it go over 10 scaling
- Clar1nettist
- Would give 5 stars due to it being good overall, but I give it only 3 now that for the entirety of the time I've been using it, it refuses to go above 10.0 and now they only let me do 2 layers at a time without premium when just last week, I could do up to around 8, which is just greed on the developer's part.
- Dave Gallant
- The extension is buggy. It has started to be a resource hog and you can see the slowdown in the browser.
- Su
- Downloaded in less than 10 seconds. Clicked where it told me to click to upload the image I wanted to overlay. It works! Did exactly what I was hoping it would do.
- 小海獺
- super good!!
- Darius Zivertas
- Helps a lot making pixel perfect web pages and finding bugs.
- Michael E (Enky)
- Not working on localhost. if you have XAMPP running for example
- Fejiro Abere
- Love it. It works very well for me
- Andy Kononenko
- Love it!
- Ivan Abramenko
- It's useless without scaling issue.
- Focus
- nice !!
- Danil Dikhtyar
- Fix scaling issue.
- Danil Dikhtyar
- Fix scaling issue.
- Ankit Tiwari
- Loved it
- Ankit Tiwari
- Loved it
- Vu Pham Duy
- Good
- Vu Pham Duy
- Good
- Сергей Омельченко
- Вставляет рекламу, подменяет скрипты, возможно был взломан
- ZION DAYE
- ExtensionsDeveloper ToolsPerfectPixel by WellDoneCode (pixel perfect)Report Abuse Report abuse for PerfectPixel by WellDoneCode (pixel perfect) Your abuse report was submitted successfully. I just paid for the product and it didn't give a receipt or nothing! NO PASSWORD, NOTHING! THE SITE DOESN'T HAS GENERIC APPEAL! VERY TICKED WILL BE CONTACTING MY BANK AND GOOGLE AFTER THIS MESSAGE!!!
- ZION DAYE
- ExtensionsDeveloper ToolsPerfectPixel by WellDoneCode (pixel perfect)Report Abuse Report abuse for PerfectPixel by WellDoneCode (pixel perfect) Your abuse report was submitted successfully. I just paid for the product and it didn't give a receipt or nothing! NO PASSWORD, NOTHING! THE SITE DOESN'T HAS GENERIC APPEAL! VERY TICKED WILL BE CONTACTING MY BANK AND GOOGLE AFTER THIS MESSAGE!!!
- Nelson Himbaza
- I can't zoom in or out of my overlay.
- Nelson Himbaza
- I can't zoom in or out of my overlay.
- Aleksey Semenov
- Отличное приложение! С Новым годом и всех благ !
- Jake Wilson
- Doesn't appear to work. I bring up the PerfectPixel window but none of the buttons work. Can't add layers. Can't open the menu. Can't paste in an image. Nothing at all works. The window is just "there". I can open it and close it by clicking the Chrome extension icon. That's it. This is on the latest Chrome in MacOS.
- Jake Wilson
- Doesn't appear to work. I bring up the PerfectPixel window but none of the buttons work. Can't add layers. Can't open the menu. Can't paste in an image. Nothing at all works. The window is just "there". I can open it and close it by clicking the Chrome extension icon. That's it. This is on the latest Chrome in MacOS.
- Bartłomiej M
- Must have tool for the frontend developer
- Bartłomiej M
- Must have tool for the frontend developer
- Oleg Gromov
- Awesome, snappy, very helpful tool!
- Oleg Gromov
- Awesome, snappy, very helpful tool!
- Yogiswara “YO” U
- The latest version has bug for breaking website. please fix ASAP
- Yogiswara “YO” U
- The latest version has bug for breaking website. please fix ASAP
- Quentin Cotillard
- Could be cool but bug prevent you from scaling. You are simply stuck with an image half the size of you website.
- Quentin Cotillard
- Could be cool but bug prevent you from scaling. You are simply stuck with an image half the size of you website.
- Ričardas Gasiūnas
- I got a problem using this addon ERROR: Cannot open filesystem.\r\nPlease use Storage…ode.google.com/p/chromium/issues/detail?id=94314 When I try to upload an image nothing happens, it looks like image is trying to upload, but in console you get this error. I tried to remove and add this program, but it didn't help. Maybe someone had the same problem and know how to fix it. because alternatives are not as good as this one ...
- Ričardas Gasiūnas
- I got a problem using this addon ERROR: Cannot open filesystem.\r\nPlease use Storage…ode.google.com/p/chromium/issues/detail?id=94314 When I try to upload an image nothing happens, it looks like image is trying to upload, but in console you get this error. I tried to remove and add this program, but it didn't help. Maybe someone had the same problem and know how to fix it. because alternatives are not as good as this one ...
- rooze grow
- Почему не могу загрузить макет? Ни через буфер ни перетаскиванием. Раньше все работало. Устройство макю
- / 09
- Тупит постоянно.
- Егор Любкин
- Не открывается на локальных страницах, в том числе и сохраненных из интернета. Вконсоли пишет: "Error handling response: TypeError: Cannot read properties of undefined (reading 'match') at chrome-extension://dkaagdgjmgdmbnecmcefdhjekcoceebi/background.js:5:71388". Windows 10 Version 21H2 (Build 19044.1503). Vivaldi браузер 5.0.2497.48 (Stable channel) (64 бита). На открытых страницах из интернета открывается. Установил последний Chrome, та же самая проблема. Ниже есть комментарии с такой же как у меня проблемой.
- Александр Емельянов
- с последними обновами использовать расширение в режиме разработки на маке стало невозможно, кривая обработка кликов/дабл клики. найс обнова, че
- Roman Nemerсev
- Это потрясающе! Я смотрю на это уже 5(пять) часов!