PixelTool
Extension Delisted
This extension is no longer available in the official store. Delisted on 2025-09-16.
Allows you to overlay a design to improve the precision of frontend development
Overlay a design on a webpage for easily following a wireframe or design when developing.
This extension comes with an easy to use UI thats sits out of the way as a dev-tools panel. It allows a developer or designer to add a transparent image over real HTML in order to assisting in writing html structure and css that is close to designs or wireframes.
Features
- Adjustable opacity.
- Sits out of the way in Dev-tools panel
- Easy to use UI
- Real time opacity and positioning for images
Usage
- Open Dev-tools, a new panel called PixelTool will be created, select this.
- Upload the image you wish to overlay.
- Click Overlay image.
- Adjust the X and Y axis and the opacity in real time.
By Spencer Walden @ www.spencer-walden.com
Latest reviews
Agree with other reviews, usefulness is very limited by fitting to the width of the window.
I agree the image should come in at the original size of the image and not be forced to be the full screen width.
not very useful, if you force the image full screen with.