This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Pixel Perfect


Pixel Perfect plugin makes it easier to develop WordPress sites. Use it to overlay the page you are working on with design image to achieve pixel perfect layout when coding. You can specify opacity of the overlay, height of the overlay, which page to display it on and activate/deactivate it keeping all your settings. You can also turn it on/off when developing the site by clicking on the bulb in the right top corner.


  • This screen shot description corresponds to /assets/screenshot-1.png. Note that the screenshot is taken from the admin option menu for the Pixel Perfect plugin. You can see available settings.
  • This is the second screen shot corresponding to /assets/screenshot-2.png. This screenshot is taken from the front-end, showing overlay image over twentyeleven theme with the built in the top right corner. Clicking on this bulb you can switch overlay on/off.


  1. Download Pixel Perfect plugin zip, unzip it and place it to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Go to settings and find Pixel Perfect plugin. Upload your image and change your settings. Save the options.


None yet.

Contributors & Developers

“Pixel Perfect” is open source software. The following people have contributed to this plugin.


Translate “Pixel Perfect” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.


Version 1.3

Added data validation
Added automatic detection for admin bar
Added option to enable overlay only for admin
Added opacity UI slider for easier overlay opacity adjustment

Version 1.2

Added missing option to overlay Blog and Single post

Version 1.1

Fixed bug with folder naming.
Fixed bug with initial image upload.
On/Off bulb is now in fixed position (scrolls with the page).