Open your design and make sure that you have px set as Measure tool units (default for Web projects). You can change the units in Design settings/Interface. Choose the Measure tool (press R key) and click on layers to find out their precise size. If you hover your mouse to other layers, you'll get lines telling you precise distances.
Premium resource
Unlock this file and gain unlimited access to over 4,785,000 Premium resources
Are you already Premium?
|
Resources can be edited with any vector graphic editing software (Adobe Illustrator, etc.) How to edit?
Freepik License
Go Premium and you will receive the commercial license. More info
Freepik License
Free for personal and commercial use without attribution. More info
Freepik License
Free for personal and commercial purpose with attribution. More info
Attribution is required
How to attribute the author?New in Firefox 59.
Starting in Firefox 59, you can measure a specific area of a web page using the Measure a portion of the page tool.
This tool is hidden by default. To enable its button:
- Go to the DevTools Settings.
- From the Available Toolbox Buttons check the Measure a portion of the page checkbox.
![Size Size](/uploads/1/2/5/3/125316809/305084964.png)
You will now see the Measure a portion of the page button at the top right of the Toolbox, in the same place as the Settings/Options button.
When you want to use the tool, click this button. Now when you mouse over the viewport, you'll see the mouse has a crosshair cursor with its current coordinates displayed beside it.
When you hold the mouse button down and then drag, you'll start to draw a rectangle, with its x, y, and diagonal dimensions displayed. The units are in pixels.
![Pixel-measure Tool Psd Pixel-measure Tool Psd](/uploads/1/2/5/3/125316809/414768484.png)
When you stop holding the mouse down, the rectangle that was displayed onscreen when you released the button will stay there until you click again, allowing you time to take screenshots, note the information down, etc.