Dimensions

A one-sentence summary

Dimensions is a browser extension used to measure the dimensions of a web page’s screen; it can determine the boundaries in all directions relative to the mouse’s position, allowing for quick assessment of the pixel distances between elements as well as the size of contiguous areas.

Tool Introduction

Dimensions was developed by Felix Niklas and is aimed at web designers, front-end developers, and quality testers. It is a lightweight measurement tool that does not generate any content, does not rely on large language models, and is not an AI product.

The dimensions.ink domain name that was used in the original database records has been changed to host gambling-related content that is unrelated to the products, and therefore can no longer be used as an official entry point. The current reliable entry points are the official browser store and the open-source repository maintained by mrflix.

Overview of core functions

Main functions

Measure the spacing between web page elements

The extension searches in the four directions from the mouse’s position for color or element boundaries, and displays the distance. It is useful for checking the spacing between images, input fields, buttons, videos, GIFs, text, and icons.

Measure continuous areas

By holding down Alt, it is possible to measure continuous areas, which is useful for estimating the radius of circles or the size of solid-colored blocks. Gradations, shadows, and textures cause significant variations in pixel values, which may lead to the detection boundaries stopping earlier than intended.

Design draft measurement

Users can directly drag PNG or JPEG design files into Chrome and then start using Dimensions for measurement. The browser’s scaling must be set at 100%; otherwise, the screen pixels may not match the original pixels of the design.

Shortcut keys

By default, the extension can be enabled or disabled by using Alt plus D; the Alt key is used when measuring an area. If the shortcut keys conflict with those of the operating system or other extensions, they can be reset on the browser’s extension shortcut settings page.

Automatic color adaptation

The extension adjusts the color of the measurement markers based on the background, thereby improving readability on both dark and light-colored pages. However, complex backgrounds can still make it difficult to discern the values; in such cases, distracting elements can be hidden temporarily.

Installation guide

1. Open the official Chrome Extensions store and search for the full name Dimensions.
2. Confirm the developer information, version number 3.0.1, and the description of the screen measurement feature.
3. Check the privacy settings and required permissions, then click Add to Browser.
4. Fix the extension to the toolbar to make it easy to launch when there are no shortcut keys available.
5. Open a test webpage and press Alt plus D to confirm that the overlay appears.
6. After completing the measurement, press the shortcut key again to close it, so as not to interfere with normal browsing.

Tutorial on measuring web page dimensions

1. Set the browser page scaling to 100% and decide whether to enable device simulation.
2. Launch Dimensions and place the mouse over the gap or the edge of the element that you want to measure.
3. It reads the pixel distances shown in the up, down, left, and right directions of the pointer.
4. Move to another location and repeat the measurement to rule out errors caused by shadows or text.
5. To obtain the area dimensions, hold down Alt so that the tool can identify continuous boundaries.
6. Compare the results with the box model in the developer tools, the CSS values, and the device pixel ratio.
7. Record the viewport width and scaling settings to prevent the mixing of data from different environments.

Design draft verification process

1. Obtain the original PNG or JPEG design files that have not been compressed by messaging apps.
2. Open the image in a new tab of the browser and keep it at 100% zoom.
3. Launch Dimensions to measure margins, component spacing, and contiguous color blocks.
4. Use manual boundaries or development tools for texture, gradient, or shaded areas.
5. Compare the measured values with the specifications in the design documents and the actual CSS on the website.
6. When a difference is detected, check the device pixel ratio, image scaling, and responsive breakpoints as well.

Which users are it suitable for

• Web designer: Quickly check the margins and component sizes in the visual draft.
• Front-end developer: Check for pixel differences between the implemented page and the design mockup.
• UI tester: Check the spacing between buttons, forms, icons, and text.
• Product Manager: Note any obvious layout issues on the review page.
• Students and beginners: Visually understand the size relationships between web elements.
• Open-source developers: Research or improve the measurement logic based on MIT code.

Typical use cases

• Measure the horizontal distance between the icons and text in the navigation bar.
• Check the vertical spacing around the titles, images, and buttons inside the card.
• Estimate the display size of input fields, buttons, or videos on the screen.
• Compare the changes in margins between desktop and responsive viewports.
• Open the static mockup and extract the pixel references needed for development.
• Identify the approximate boundaries of continuous color blocks or circular areas.
• Quickly identify layout offsets in visual regression testing.

Product advantages

• No account registration is required; it can be used right after installation.
• It’s simple to use – just move the mouse to get the distances in all four directions.
• It supports common elements such as images, buttons, input fields, videos, text, and icons.
• It is possible to directly measure PNG and JPEG design files in a browser.
• The installation package is small in size, and no cloud services or subscriptions are required.
• The Chrome Web Store’s privacy policy states that it does not collect or use user data.
• The source code is publicly available under the permissive MIT license.
• The 3.0 series has switched to Manifest V3, ensuring compatibility with modern Chrome.

Usage restrictions and precautions

• Dimensions is not an AI tool; it only provides screen measurements based on pixel boundaries.
• The original dimensions.ink domain has become part of a gambling-related website; it should not be visited or used for downloading.
• Images and complex backgrounds can affect boundary detection due to frequent changes in pixels.
• Gradients, shadows, anti-aliasing, and transparency can cause numerical discrepancies.
• When the browser scaling is not at 100%, the measured values may not correspond to the original design dimensions.
• CSS pixels, device pixels, and screenshot pixels do not always correspond to one another in all environments.
• It cannot replace the developer toolbox model, responsive testing, and accessibility testing.
• Version Manifest V3 requires Chrome 88 or higher; older browsers are no longer supported.
• The expansion offers only an English interface; no official Chinese localization has been confirmed.
• Installing extensions always increases the browser’s attack surface; they should be obtained only from official stores.

Price and version

As of August 22, 2026, Dimensions can be installed for free from the Chrome Official Store, without any subscription, trial period, or paid plans. The project’s source code is also available for free under the MIT license.

Browser and version support

Privacy and security

The Chrome Store shows that the developer states it does not collect or use user data, nor does it sell such data or use it for unrelated purposes or for credit assessment. The core logic underlying the extension operates on the current page.

• Install only from the official Chrome store; do not use the original, invalid domain names to download files.
• Before installation, check the version, developer, permissions, and update date.
• Enterprise devices should be under centralized control through an extended allowlist and policies.
• When measuring internal systems, it is still necessary to assess the permissions for accessing page content on a scaled basis.
• Regularly check the store’s privacy policy and version update notes.
• Remove it from the browser when it is no longer in use, rather than just hiding the icon.

Risk of the official website domain becoming invalid

The original website of the database, dimensions.ink, now displays gambling-related content that has nothing to do with browser extensions; both the product names and the purpose of the pages have changed. This domain name can no longer provide information regarding the functions, prices, privacy policies, or identity of the developers of those extensions.

Users should install the application through the official Chrome Store, and check the code and version numbers in mrflix’s open-source repository. Do not enter account or payment details on invalid domain names, nor download unknown files.

APIs, SDKs, and open-source status

Dimensions is an open-source browser extension that does not provide any cloud-based APIs, developer keys, or separate SDKs. Developers can read and modify the source code of the extension directly, and must comply with the MIT license when distributing it further.

Basic information

Recommendation score

Its rating is 3.8 out of 5 points. Dimensions is compact and easy to use; it is suitable for quick pixel reference in web design and front-end development. Its open-source nature and the lack of data collection practices make it transparent as well.

Points are deducted mainly because it is not an AI tool, the measurement algorithm is susceptible to the influence of complex images, and the original website domain has become invalid. For professional use, it is still necessary to make use of the browser’s developer tools along with the original design files.

Frequently Asked Questions

Is Dimensions an AI tool?

No. It performs screen measurements by using the pixels and boundaries of browser pages; it does not have any generative AI, language model, or machine learning capabilities.

Is Dimensions free?

It’s free; the Chrome Store offers no subscriptions or in-app purchases. The source code is also made available under the MIT license.

Is registration required?

It’s not necessary. After installing the extension, measurements can be started directly in the web page.

How to start the measurement?

By default, Alt plus D is used to start or stop it. When measuring continuous areas, hold down Alt; if there is a conflict with other shortcut keys, it can be modified in Chrome.

Why are image measurements inaccurate?

Images, gradients, and anti-aliasing cause colors to change on a pixel-by-pixel basis, and algorithms may interpret these changes as boundaries. In such cases, it is necessary to make use of developer tools or design files.

Is Chinese supported?

The store currently only displays content in English. The functions are operated primarily through numbers and shortcut keys, and measurements can still be performed on the Chinese-language page.

Is it going to collect web page data?

The current privacy statement on the Chrome Store claims that developers do not collect or use user data. Users should still check the actual permissions granted at the time of installation.

Is the original website still usable?

It cannot be used as an entry point to the product. The original dimensions.ink site already displays content that has no relation to gambling; the installation should be carried out through the official Chrome Store.

Are APIs or SDKs available?

It is not available. It is a browser extension, and developers can use its MIT-open-source code for research or modification purposes.

Is Dimensions open source?

It is open source; the official repository is licensed under the MIT license. This open-source repository has no connection to the research database of the same name nor to the Inkscape plugins.

Summary

Dimensions is a lightweight browser extension focused on measuring pixel distances on web pages; it is suitable for quickly checking page spacing and static design drafts, but it cannot replace full-fledged development and design measurement tools.

The most significant current change is that the original website domain is no longer valid. Users should install the application from the official store, and verify the version, code, and license by checking the open-source repositories.