Obraz logo produktu PerfectPixel by WellDoneCode (pixel perfect)

PerfectPixel by WellDoneCode (pixel perfect)

WELLDONECODE LLC
Polecane
4,3(

638 ocen

)
Element multimedialny 4 (zrzut ekranu) dotyczący usługi: PerfectPixel by WellDoneCode (pixel perfect)
Element multimedialny 5 (zrzut ekranu) dotyczący usługi: PerfectPixel by WellDoneCode (pixel perfect)
Element multimedialny 1 (zrzut ekranu) dotyczący usługi: PerfectPixel by WellDoneCode (pixel perfect)
Element multimedialny 2 (zrzut ekranu) dotyczący usługi: PerfectPixel by WellDoneCode (pixel perfect)
Element multimedialny 3 (zrzut ekranu) dotyczący usługi: PerfectPixel by WellDoneCode (pixel perfect)
Element multimedialny 4 (zrzut ekranu) dotyczący usługi: PerfectPixel by WellDoneCode (pixel perfect)
Element multimedialny 5 (zrzut ekranu) dotyczący usługi: PerfectPixel by WellDoneCode (pixel perfect)
Element multimedialny 1 (zrzut ekranu) dotyczący usługi: PerfectPixel by WellDoneCode (pixel perfect)
Element multimedialny 2 (zrzut ekranu) dotyczący usługi: PerfectPixel by WellDoneCode (pixel perfect)
Element multimedialny 1 (zrzut ekranu) dotyczący usługi: PerfectPixel by WellDoneCode (pixel perfect)
Element multimedialny 2 (zrzut ekranu) dotyczący usługi: PerfectPixel by WellDoneCode (pixel perfect)
Element multimedialny 3 (zrzut ekranu) dotyczący usługi: PerfectPixel by WellDoneCode (pixel perfect)
Element multimedialny 4 (zrzut ekranu) dotyczący usługi: PerfectPixel by WellDoneCode (pixel perfect)
Element multimedialny 5 (zrzut ekranu) dotyczący usługi: PerfectPixel by WellDoneCode (pixel perfect)

Przegląd

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.

Szczegóły

  • Wersja
    3.1.1.7
  • Zaktualizowano
    24 sierpnia 2026
  • Funkcje
    Zawiera zakupy w aplikacji
  • Rozmiar
    915KiB
  • Języki
    Języki: 3
  • Deweloper
    WELLDONECODE LLC
    254 Chapman Rd Ste 208 #4980 Newark, DE 19702 US
    Witryna
    E-mail
    support@welldonecode.com
    Telefon
    +1 415-226-9669
  • Przedsiębiorca
    Ten programista określił siebie jako przedsiębiorcę zgodnie z definicją Unii Europejskiej i zobowiązał się oferować tylko produkty i usługi zgodne z przepisami obowiązującymi w UE.

Prywatność

Zarządzaj rozszerzeniami i dowiedz się, jak są używane w Twojej organizacji

Udostępniono podane niżej oświadczenie dotyczące zbierania i używania Twoich danych przez produkt PerfectPixel by WellDoneCode (pixel perfect). Więcej szczegółowych informacji zawiera privacy policy dewelopera.

PerfectPixel by WellDoneCode (pixel perfect) obsługuje te dane:

Lokalizacja
Aktywność użytkownika

Ten wydawca oświadcza, że Twoje dane

  • nie są sprzedawane osobom trzecim (z wyjątkiem uzasadnionych przypadków)
  • nie są używane ani przesyłane w celach niezwiązanych z podstawową funkcją produktu,
  • nie są używane ani przesyłane w celu ustalenia zdolności kredytowej lub udzielania pożyczek.

Pomoc

Pokrewne

1px: Simple ruler

3,5

A simple ruler for measuring the size of blocks on a page

Liner. The Real Ruler

3,1

Simple and convenient rulers for web developers. They help to create a perfect pixel web application.

PixelParallel by htmlBurger

4,7

PixelParallel by htmlBurger - Pixel perfect HTML vs Design tool for developers

Window Resizer

4,3

Resize the browser window to emulate various screen resolutions.

Dimensions

4,2

A tool for designers to measure screen dimensions

Designer Tools

4,6

A collection of tools to help you design and develop websites with precision.

Grid Ruler

3,8

Create grids and measure their distance easily.

HTMLエラーチェッカー

4,3

HTMLの開始・終了タグの過不足などを検出する拡張機能です。エラーがある場合、数値が表示されます。JSでソースを確認するので、外部送信は行ってません。※formがあるページで挙動がおかしくなる場合は、一時的にオフにしてください。

Redux DevTools

4,6

Redux DevTools for debugging application's state changes.

Vue.js devtools

4,1

DevTools browser extension for Vue.js

Bug Magnet

4,3

Right-click context menu to help with exploratory testing

Tape

4,6

Measurement tools, rulers and grids

1px: Simple ruler

3,5

A simple ruler for measuring the size of blocks on a page

Liner. The Real Ruler

3,1

Simple and convenient rulers for web developers. They help to create a perfect pixel web application.

PixelParallel by htmlBurger

4,7

PixelParallel by htmlBurger - Pixel perfect HTML vs Design tool for developers

Window Resizer

4,3

Resize the browser window to emulate various screen resolutions.

Dimensions

4,2

A tool for designers to measure screen dimensions

Designer Tools

4,6

A collection of tools to help you design and develop websites with precision.

Grid Ruler

3,8

Create grids and measure their distance easily.

HTMLエラーチェッカー

4,3

HTMLの開始・終了タグの過不足などを検出する拡張機能です。エラーがある場合、数値が表示されます。JSでソースを確認するので、外部送信は行ってません。※formがあるページで挙動がおかしくなる場合は、一時的にオフにしてください。

Aplikacje Google