Online Ruler

Choose Horizontal for width and left-to-right measurements, or Vertical for height and top-to-bottom measurements. The same metric and imperial scales remain available in both directions.

Align one end of the object with the zero tick without pressing hard against the display. Drag the green marker to the object's opposite edge. The result bar reports the same distance in millimetres, centimetres, and decimal inches.

Open fullscreen when you need a longer visible ruler. Fullscreen increases the usable browser area, but it does not automatically make an approximate scale physically accurate.

In length-measurement searches, an online scale can mean the marked centimetre, millimetre, or inch scale shown on a screen. This tool is specifically an on-screen ruler for measuring length; it does not weigh objects or calculate map, drawing, or musical scales.

The metric side is marked in millimetres and centimetres, while the imperial side is marked in inches. Both use the same measurement marker and the same optional physical calibration.

Before calibration, the ruler uses the CSS reference relationship of 96 pixels per inch. This produces a consistent web scale, but a CSS inch is not guaranteed to occupy one physical inch on every monitor, phone, tablet, zoom level, or operating-system scaling setting.

Calibration measures how many current on-screen CSS pixels correspond to one real millimetre. Once that pixels-per-millimetre value is known, the ruler can position its tick marks using the matched physical scale.

The status badge distinguishes Approximate, Calibrated, and Recalibrate states so the interface does not present an unverified browser scale as exact physical measurement.

Open Settings, choose Calibrate for actual size, and select either the short or long edge of a standard ID-1 bank or identification card. Place the chosen edge against the display and adjust the guide until its two boundary lines match the card exactly.

The short edge is 53.98 mm and fits more easily on narrow phones. The long edge is 85.60 mm and can be easier to align precisely on larger displays because the reference spans more pixels.

Use a flat card with a clean, straight edge. Look directly at the screen, keep the card parallel to the guide, and avoid cards with damaged edges or unusual non-standard dimensions.

After confirmation, the calculator stores the calibrated pixels-per-millimetre value, selected card edge, guide length, logical screen dimensions, device pixel ratio, visual viewport scale, and calibration time in local browser storage.

The ruler restores that record only when the current environment matches. Rotating the same device can remain valid because the stored screen edges are compared without depending on portrait or landscape order.

A change in browser zoom, pinch zoom, display scaling, or active display can move the tool into Recalibrate mode. In that state, it falls back to the approximate scale instead of silently applying a potentially wrong physical conversion.

The upper metric scale places a tick every millimetre, a medium tick every 5 millimetres, and a labelled major tick every centimetre.

The lower imperial scale divides each inch into sixteenths. Whole inches receive labels, while stronger intermediate marks help identify common fractional positions.

The live result uses decimal inches because it provides an unambiguous conversion for any marker position. One inch equals exactly 25.4 millimetres.

Approximate mode snaps to whole millimetres because the underlying physical scale has not been verified. Calibrated mode allows half-millimetre steps for finer adjustment.

The visible marker line is intentionally narrow, while its interactive pointer area is larger so it remains practical on touch screens. Clicking or dragging anywhere on the ruler moves the marker to the corresponding measured position.

When the marker has keyboard focus, an arrow key moves one active measurement step. Shift plus an arrow key moves ten steps. Home returns to zero, and End moves to the visible ruler limit.

A browser works with CSS pixels, while the screen is a physical object with its own pixel density and scaling configuration. Device pixel ratio describes the relationship between device pixels and CSS pixels, but it does not by itself reveal the physical millimetres occupied by a CSS pixel.

Page zoom, operating-system scaling, pinch zoom, external monitors, display switching, and browser privacy behaviour can all affect the relationship between the rendered ruler and real-world length.

Calibration supplies the missing physical reference. It improves practical accuracy, but the final result still depends on careful alignment and a stable display environment.

Use the ruler for light, clean, small objects with smooth edges, such as a card, photograph, label, screw, coin, craft component, cable connector, or printed reference.

Do not place sharp, hot, wet, dirty, abrasive, magnetic, electrically exposed, or heavy objects against a phone, tablet, laptop, or monitor. Do not apply pressure to force an object against the zero point.

For valuable objects or dimensions that must be dependable, verify the reading with a physical ruler, tape measure, calliper, or other suitable instrument.

Fullscreen removes most surrounding webpage constraints so the horizontal ruler can use nearly the full screen width. In vertical mode, it also provides substantially more height for upright objects.

Changing orientation does not alter the unit conversion. It changes only which screen axis is used for the ruler and marker.

Entering or leaving fullscreen can resize the ruler. The component measures its visible axis again and clamps the marker to the new usable limit.

The tool does not use the camera, scan the calibration card, upload an image, or identify the object being measured. The card is only a physical size reference held against the display.

Pointer positions, calculations, formatting, environment checks, and tick generation run in the browser. A calibration record is stored locally only after calibration is confirmed.

Reset removes the saved ruler calibration from local storage and returns the marker and scale to their approximate defaults.