1 Introduction
The PerfectPixel plug-in is a web front-end page display optimization tool for Chrome browsers. The plug-in can help developers and markup designers load design drawings directly into web pages during development, and overlay and compare them with already formed web pages. Standardize web page pixel accuracy
As a practical tool that can optimize front-end page display, the PerfectPixel plug-in supports uploading design drawings to be loaded directly into Chrome browser online web pages, and supports placing a translucent image overlay on top of HTML to facilitate the integration of the current page with the design draft. Accurate comparison, precise development of the website, no restrictions on the size and quantity of uploaded images
2.Install the plug-in
If possible, you can download and install it directly from the Google Chrome store
3. How to use
After the perfectPixel plug-in is installed, directly click the plug-in icon in the toolbar above the browser on any web page of the Chrome browser, and then click [Add your first layer!] to upload locally or upload the design image that needs to be compared by dragging and dropping.
After uploading, click [ORIGIN] to adjust the pixel difference of the web page by changing the position of the image. Click [OPACITY] to adjust the transparency of the image. Users can add multiple images at the same time, and can invert the color of the image. Required When restoring the page, just click on the plugin icon in the toolbar above and all overlay effects will be hidden
