Item logo image for Dimensions

Dimensions

Featured
5.0(

3 ratings

)
ExtensionHousehold1,000 users
Item media 1 (screenshot) for Dimensions
Item media 2 (screenshot) for Dimensions

Overview

A tool for designers to measure screen dimensions

The Extension has been updated to manifest v3, the older version of the extension (v2) https://chromewebstore.google.com/detail/dimensions/baocaagndhipibgklemoalmkljaimfdj This extension measures the dimensions from your mouse pointer up/down and left/right until it hits a border. So if you want to measure distances between elements on a website this is perfect. It doesn't really work with images because there the colors change a lot pixel to pixel. Images & HTML Elements Measure between the following elements: images, input-fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser. Mockups Your designer handed you mockups as PNGs or JPEGs? Just drop them into Chrome, activate Dimensions and start measuring. Keyboard Shortcut You can start and stop dimensions with the ALT + D shortcut. Area Boundaries Wanna get the radius of a circle? Is text standing in your way? Press Alt to measure the dimensions of a connected area. Open Source Dimensions is Open Source and hosted on Github. Want to port it to Firefox? Go ahead and fork it. Pull requests are welcome! https://github.com/mrflix/dimensions

5 out of 53 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    3.0.1
  • Updated
    April 5, 2025
  • Offered by
    Publisher
  • Size
    18.97KiB
  • Languages
    English (United States)
  • Developer
    Email
    chelseymckechnie@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Designer Tools

4.7(229)

A collection of tools to help you design and develop websites with precision.

Dimensions

0.0(0)

Dimensions: Measure CSS background image dimensions with ease. Use the pixel ruler for accurate and quick size assessments

Page Ruler

4.0(89)

Measure page elements size in pixel with an easy-to-use ruler.

Dimensions Inspect | Gridman

4.0(87)

Swiss army knife for front-end developers

Banner Dimensions

4.4(9)

Use the Banner Dimensions tool to accurately measure the pixel dimensions of web elements and distances between elements.

Measure-it

3.6(38)

Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.

Responsive Dimension Checker

5.0(2)

Hold Alt key to check dimensions of elements on webpage. Shows width and height in real-time.

Pixel measurement

4.6(43)

Pixel measurement: An online ruler for measuring pixels on screen

Measuremate

4.6(42)

The ultimate measuring tool for the web

Screen Ruler - Measure The Web

4.5(33)

Measure sizes, distances, margins and paddings of any element on any web page.

MeasureIt!

1.9(39)

MeasureIt is useful app for measurement width and height of webpages. Measure it in pixels.

Grid Ruler

3.8(339)

Create grids and measure their distance easily.

Designer Tools

4.7(229)

A collection of tools to help you design and develop websites with precision.

Dimensions

0.0(0)

Dimensions: Measure CSS background image dimensions with ease. Use the pixel ruler for accurate and quick size assessments

Page Ruler

4.0(89)

Measure page elements size in pixel with an easy-to-use ruler.

Dimensions Inspect | Gridman

4.0(87)

Swiss army knife for front-end developers

Banner Dimensions

4.4(9)

Use the Banner Dimensions tool to accurately measure the pixel dimensions of web elements and distances between elements.

Measure-it

3.6(38)

Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.

Responsive Dimension Checker

5.0(2)

Hold Alt key to check dimensions of elements on webpage. Shows width and height in real-time.

Pixel measurement

4.6(43)

Pixel measurement: An online ruler for measuring pixels on screen

Google apps