Pixel edges
Measure flat shapes and gaps inside images, canvas and video, to the device pixel.
Inside a picture, a canvas or a video there are no elements to measure, only pixels. Pixel edges measures them: from the pointer, it follows the pixels left, right, up and down while they stay the same colour, and draws the width and height of the run, to the device pixel. Inside a shape that is the shape's size; between two shapes, the gap.
- Press E, or choose Pixel edges in the bar's More menu.
- Point at the shape or the gap. Click to copy both sides, as "48px × 32px".
- Esc goes back to Inspect.
It reads a capture of the tab, as the colour picker does, taken again after the page scrolls or changes. Even a quiet edge, a #fafafa card on white, stops it; a photo's noise stops it at once, so it is for flat shapes, mock-ups and charts.
Questions
When should I use Pixel edges instead of Inspect?
Inside a picture, a canvas or a video, where there are no elements to measure, only pixels.
Does it work on photos?
Not well. A photo's noise stops it at once, so it is for flat shapes, mock-ups and charts.