PixelTool icon

PixelTool

Extension Delisted

This extension is no longer available in the official store. Delisted on 2025-09-16.

Extension Actions

CRX ID
kpgeilokejebggfnjfkpidabbfmpidjf
Status
  • Minor Policy Violation
  • Removed Long Ago
  • No Privacy Policy
Description from extension meta

Allows you to overlay a design to improve the precision of frontend development

Image from store
PixelTool
Description from store

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

Samuel Janda
Agree with other reviews, usefulness is very limited by fitting to the width of the window.
Aaron Lumsden
I agree the image should come in at the original size of the image and not be forced to be the full screen width.
Yu kun
not very useful, if you force the image full screen with.