CRX id
baocaagndhipibgklemoalmkljaimfdj
baocaagndhipibgklemoalmkljaimfdj
Description from extension meta
A tool for designers to measure screen dimensions
Image from store
Description from store
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
Latest reviews
- (2023-08-22) Omer Ravid: this is a great one!
- (2023-08-14) Al FA (Psy_pmP): Параша
- (2023-06-24) UnseeableCraft: If you want to find the dimensions of a selected area on the screen, the just get Nimbus Screenshot & Screen Video Recorder
- (2023-01-03) Rob Davis: It sort of works and it sort of doesn't. First you have to make sure the extension icon is lit for the site you are trying to measure. Then you have to fight the browser. The ALT+D shortcut just highlights the address bar. For some pages and some CSS elements it snaps to the wrong things making it useless, but for others it works fine. YMMV
- (2022-11-30) Md. Imon Rana: nice extension work perfectly
- (2022-11-10) Duel: É bom para ver em sites que estejam online, agr se vc pega um arquivo do seu pc, ele n mostra a distancia
- (2022-10-31) Mārtiņš Zeltiņš: This extensions works great unless the zoom level for the page is changed. Then the extension does not work anymore.
- (2022-09-01) it's working fine for me.. BTW if you have a popup on your site (or any other element with a very high z-index) just add this lines on the main style.css .fn-noCursor { z-index: 1000001; } .fn-dimensions { z-index: 1000000; } and you can even change to your favorite color as well ;) .fn-axis { background: royalblue; }
- (2022-08-20) Jared Cárdenas: Doesnt work!!!!
- (2022-08-11) BAPF123: Es una herramienta útil pero da mediciones incorrectas, haciendo la suma de div a div, da una medición totalmente distinta a la que hace por ejemplo si la pongo de extremo a extremo en los div.
- (2022-05-17) SB Kates: It doesn't work. Clicked on it, and nothing happens at all.
- (2022-05-04) Adam Gamble: Perfect for measuring awkward buttons and icons
- (2022-03-31) Djonathas Cardoso: Muito bom, mas o atalho ALT + D não está funcionando.
- (2022-03-03) Thunderarea: The last update was in 2017 but it works perfectly. Thanks a lot for the extension!
- (2022-02-09) Mehdi M.Mirzaie: the best extension for designers. 💙
- (2021-11-08) Spondoolie: This extension is actually pretty awesome. It gives you crosshairs on your screen that follow the mouse, and as you move between elements it gives you height and width in pixels. Freakin' genius!
- (2021-10-03) Saad Almosa: Useful tool
- (2021-08-19) Adewale Orotayo: It was okay until it started picking out in accurate measurements
- (2021-07-29) Александр Зуйков: Классное расширение, ГОРЯЧИЕ КЛАВИШИ ДОБАВЛЯЮТСЯ В МЕНЮ РАСШИРЕНИЙ САМОГО ХРОМА!!!
- (2021-07-26) Avi Subedi: Noooooo. Fake reviews it doesn't works at all .PLs don't download it if you ae for a review always short by recent. Boomer
- (2021-06-10) محمود عبد الكريم (Mahmoud Abd Al Kareem): Great one!
- (2021-05-27) Jatin Sharma: How to use it?
- (2021-04-16) Salitres Kosz: No sirve para fijar dos puntos y medir las distancias que uno requiera.
- (2021-03-31) Denis Pissarenko: Отличное расширение, намного лучше чем все остальные линейки, но очень не хватает горячих клавиш
- (2021-02-01) tomoe: perfect ！
- (2021-01-05) Ivan Yulin: great tool, but sadly it stopped working properly on my chrome :(
- (2020-12-28) Cam McKinnon: I love this chrome extension and use it regularly.
- (2020-12-21) Georgios Mylonas: Fantastic tool. It recognises inner divs sizes and paddings. Very helpful productivity tool measuring current html vs designs.
- (2020-12-15) Ильдар Ахунов: отличное расширение, однако есть пара пожеланий: 1) добавить возможность складывать значения кликом левой кнопки мыши (провой кнопкой - сброс значений) 2) игнорировать полосу скролла спасибо за работу и успехов! ;)
- (2020-10-09) Lorenzo Sequi: Funziona benissimo e fà proprio quello che mi serve, è insostituibile! (usata in Windows 10 x64 con Chrome v.85
- (2020-10-02) Ken van der Eerden: Works like a charm. It uses color differences to determine distances of object so it's very versatile. Yes that has downsides too, but this helped me more often than not.
- (2020-09-13) Damian M: Simply awesome! LOOOOOVE it :D
- (2020-08-11) Bartek: It doesn't measure distance between HTML elements (or text nodes including "line-height"). I was looking for a tool that snaps to HTML elements and text nodes, allowing to select two and measure distance between them no matter where on the screen they are, no matter how many other elements are in between them. This tool is very simple and measures only internal size of elements, as it detects color change. It's fine only for simple measurements. I'm still looking for something more advanced.
- (2020-07-24) Maxwell Souza: It's an awesome tool. The only problem is that it only sees pixels. An element with an line height would be ignored, picking the first pixel it can find
- (2020-07-07) Luis J. Centeno: Excelente, justo la herramienta que necesitaba
- (2020-04-15) Kashmiri: Great plugin! absolutely amazing. 🙏🏼 I hope an update is released to fix it, its not working when devtools is open.
- (2020-03-30) Yurii Ivanov: all good. but it is not working when page is zoomed in
- (2020-03-20) gabriel astorga baeza: La más útil, me ha servido más que sus competidoras, excelente para front end!
- (2020-03-18) Joacim: Extension doesn't work if your website isn't public
- (2020-03-08) chandni kadkol: OMG this tool is amazing. How did I not know about it before??? Thank you thank you thank you for creating this. I have to design replica pages of existing pages already on the web for A/B testing, and it's been a challenge for me to make the sizing and spacing accurate. This tool is a god send and makes my life much easier!
- (2020-02-20) VintageDegenerate: Doesn't measure the elements, but it does measure the pixels between color changes (Like images, text, etc.) Great btw
- (2020-02-05) Catalin Duceac: The tool is so good for web designing! It saves you a lot of time.
- (2020-01-24) Kyle Charlton: Very nice tool! It's way faster than drawing a box around an element for measurements.
- (2020-01-10) aakash garg: Not working for chrome responsive (chrome dev tools--> toggle device toolbar --> responsive)
- (2020-01-04) Αλέξης Γιάννης: Great job ! Thank you for this amazing tool. This should be embedded on all browser's devtools.
- (2019-12-05) Madeline Kahn: no support for local files?
- (2019-11-26) Siarhei Leanavets: Great extension, thank you!
- (2019-11-07) David Plass: No longer works.
- (2019-11-07) Denis Čumak: working fine
- (2019-11-04) Andrea Scafuto: It's not working anymore on version 77 +