PerfectPixel by WellDoneCode (pixel perfect)

#4.38 / 602 rate

PerfectPixel by WellDoneCode (pixel perfect)

300,000 users

2020-03-01

https://welldonecode.c...

Extension Information

5 star
59%
4 star
14%
3 star
6%
2 star
7%
1 star
13%

Supported Languages

Permissions

Hot Permissions

Optional Permissions

Description

This extension helps develop your websites with pixel perfect accuracy!

PerfectPixel is an essential tool for developers and markup designers, allowing for precise, pixel-perfect comparisons by overlaying a semi-transparent image on top of developed HTML.

Features:
* Multiple Layers Support: Easily manage and compare multiple overlays.
* Layer Inversion and Scaling: Adjust layers to match your needs.
* Per-Site Layers: Keep separate layers for each website.
* Persistent Layers: Your layers are saved between browsing sessions.
* Minimalistic UI: Simple and intuitive interface.
* Flexible File Upload: Drag-and-drop, URL pasting, and clipboard support.
* Enhanced Navigation: Use keyboard arrow keys and mouse wheel for precision.
* Local File Support: Works seamlessly with local files using the file:// scheme.

PerfectPixel PRO Features:
* Ad-Free Experience: Enjoy a clean interface without ads.
* Layer Rotation: Rotate layers for more accurate comparisons.
* Appearance Customization: Tailor the look of the extension to your preference.
* Premium Support: Get fast and dedicated support.

Tips:
* Expand/Collapse: Double-click the header to expand or collapse the main window.
* Precision Adjustment: Use Shift + arrow keys for 10px position changes.

For detailed updates, visit the Changelog: http://www.welldonecode.com/perfectpixel/changesets/
Learn more about keyboard shortcuts on our Shortcuts Page: http://www.welldonecode.com/perfectpixel/shortcuts/

Note: This extension is ad-supported. Ads are displayed only within the extension panel and do not affect your browsing experience.

Reviews

Ming Lei
Ming Lei

Almost perfect! It would be even better if you could add keyboard shortcuts for zooming (or support for the mouse wheel), as the layer images are not from current webpage but from design drafts. 接近完美!如果能提供缩放功能快捷键(或鼠标滚轮支持),就更好了!理由是原始比对图片并非来源于网页,而是设计稿。

Ethan G
Ethan G

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!!

Similar extensions

Pix to pix (Pixel perfect by Ymatuhin)
Pix to pix (Pixel perfect by Ymatuhin)

ymatuhin

Dimensions
Dimensions

https://www.felixniklas.com

Designer Tools
Designer Tools

https://designer.tools

Grid Ruler
Grid Ruler

tgohn

HTML Error Checker
HTML Error Checker

https://kzms2.xyz

Pixel perfect tools
Pixel perfect tools

https://beta.rdsign.net

Redux DevTools
Redux DevTools

Redux DevTools

Bug Magnet
Bug Magnet

https://bugmagnet.org

Tape
Tape

Richard Tucker

Web Developer Checklist
Web Developer Checklist

toptal.com

PixelParallel by htmlBurger
PixelParallel by htmlBurger

htmlBurger

Window Resizer
Window Resizer

https://coolx10.com