Online ruler actual size: measure in millimetres and inches
An actual-size online ruler becomes physical only after calibration with a bank card; without that reference, a browser cannot know the millimetres represented by its pixels.
By Merey Tleugazin · Updated · 13 min read
Calibrate this page to your screen
Every screen has a different pixel density, so nothing on a web page is true to size until you tell the page how big your pixels are. Hold any bank, ID or transport card flat against the screen and drag until the outline matches its edges exactly. Every card in the world is 85.60 mm wide by ISO/IEC 7810.
3.78 px/mm · 85.6 mm (ISO/IEC 7810 ID-1)
On-screen ruler
A ruler drawn at true scale on your display once the page is calibrated.
Drag the red line to mark a length.
A calibrated online ruler can measure a small object in millimetres or inches on a phone or computer. The free on-screen ruler uses a physical bank card as its reference. That matters because a browser can draw a line in CSS pixels but cannot know how many physical millimetres those pixels occupy on a particular display.
A phone usually gives only 6 to 7 cm of usable ruler in one view. That is enough for many small objects, including some ring measurements, but not for a long object without moving it in marked steps. Calibration gives the screen a scale. It does not give the screen more length.
Why does an uncalibrated on-screen ruler give the wrong length?
An uncalibrated screen ruler starts with a digital length, not a physical one. A web page can draw 100 CSS pixels on two devices, yet those lines can occupy different numbers of millimetres. The page code is identical. The panels are not.
A physical ruler has marks whose spacing was made to a known length. An on-screen ruler has marks positioned by a browser layout system. The marks become useful for measurement only after one displayed distance is compared with something physical. Mesurix uses the edge of a bank card for that comparison.
A screen size does not solve the problem. Two phones with 6.1-inch displays can have different panel densities, physical widths and display settings. A laptop and a desktop monitor can show the same web page at different physical scales. Even the same device can show a different apparent ruler after browser zoom or operating-system scaling changes.
The free on-screen ruler asks for a card calibration and stores the resulting calibration value in localStorage. The browser tool needs no account, runs entirely in the page and uploads nothing. The saved value belongs to that browser and device, so repeat the card check after changing device, browser or site data.
The calibration reference is not an approximate object. ISO/IEC 7810 defines the ID-1 format used by bank cards, most national ID cards, driving licences and many transport cards. Its dimensions are 85.60 mm × 53.98 mm. That makes the card useful as a physical reference: it is the most widely distributed physical length standard in the world.
Use the real card, not a photograph of one. A photograph can be resized, cropped or displayed with its own unknown scale. A wallet, sleeve or case can add thickness and prevent the card edge from sitting where the outline expects it. The physical ID-1 card is the part that supplies the known length.
After calibration, the scale is still limited by the way the object is placed. A tilted object can expose a shorter projected length. A rounded edge may not show one definite endpoint. A thick object can hide the exact line that needs to be measured. The screen scale may be calibrated while the measurement itself is still poorly aligned.
For a ring, the ring size calculator converts a measured diameter or circumference into common regional systems. It applies Mesurix’s published formulas to the number entered. It cannot repair a measurement taken across the outside of a band when the required value is the inside diameter.
What do CSS pixels and the 96 dpi reference actually mean?
A CSS pixel is a browser layout unit. It is defined against a 96 dpi reference display, where dpi means dots per inch. That reference does not tell the browser the physical size of the panel in front of you. A line measuring 96 CSS pixels is not automatically a physical inch on every phone, tablet, laptop or monitor.
The distinction is easy to miss. CSS gives a page a consistent coordinate system for arranging text, buttons and images. It does not give the page a verified ruler for the hardware. The browser can know that one element is twice as wide as another in CSS. It cannot reliably know how many millimetres either element occupies on the display.
Device pixel ratio adds another conversion. It describes the relationship between the physical pixels in a panel and the CSS pixels used for layout. A device may use several physical pixels to render one CSS pixel so that text and controls look suitable. That rendering relationship is not a measurement of the panel’s physical width.
Panel density varies as well. If two screens have the same number of CSS pixels but different physical widths, a CSS line of the same length will not have the same millimetre length. Operating-system scaling and browser zoom can alter the display again. The result is why an uncalibrated page can use technically correct CSS units and still show a physically wrong ruler.
The 96 dpi value is therefore a reference for CSS, not a promise about your display. A page that draws 96 CSS pixels and names them one inch is assuming hardware information that the browser cannot verify. Card calibration replaces that assumption with 85.60 mm or 53.98 mm that you can compare directly against a physical card.
This matters more for small objects than for rough visual comparison. One millimetre is a meaningful difference when measuring the inside of a ring. A browser zoom change can alter the visible scale even though the page still contains the same CSS dimensions. Calibrate first, then keep the display settings unchanged while measuring.
When a ring measurement is available, the ring size calculator provides the conversion. The underlying size systems do not all describe the same thing. EU/ISO uses circumference in millimetres, while US and Canada use a numbered scale derived from inner diameter. Entering the wrong type of measurement can produce a neat but unsuitable answer.
How do I calibrate an online ruler with a bank card?
Choose a card with straight, intact edges. Remove any case, sleeve or wallet. Place the physical card flat against the on-screen card outline and adjust the scale until the matching edges coincide. Follow the tool’s instruction about whether to use the long or short edge.
ISO/IEC 7810 ID-1 gives you two dimensions to check:
- Long edge: 85.60 mm.
- Short edge: 53.98 mm.
Use the long edge when the calibration control asks for 85.60 mm. Use the short edge when it asks for 53.98 mm. Do not substitute a rounded value such as 86 mm or 54 mm during calibration. The card standard supplies the exact reference used by the tool.
Keep the card and display in the same plane. A card held at an angle can look shorter because the screen sees a perspective projection rather than the full edge. Press the card flat without bending it. Do not stretch a soft cover across the display, and do not calibrate from an image of a card.
Once the control is set, move the card to another position and check it again. The 85.60 mm edge should end at the 85.60 mm mark. The 53.98 mm edge should end at the 53.98 mm mark. Checking both edges can reveal a tilted card, an edge placed against the wrong guide or an adjustment stopped before the outlines matched.
A second position matters because a ruler can appear correct at the calibration point while an alignment mistake is hidden elsewhere. Place one card edge at zero, compare the far edge, then repeat with the other dimension if the tool displays it. Recalibrate when either edge fails to meet its mark.
The browser tool stores calibration as one number in localStorage. Clearing site data can remove it. A different browser or device has a separate local setting. Browser zoom can also affect the display after calibration. If the measuring setup changes, place the card on the ruler and verify 85.60 mm × 53.98 mm before trusting a new reading.
Calibration fixes the scale, not the object’s position. For a small flat item, place one edge at zero, keep the item parallel to the ruler, and read the far edge. For a ring, the ring sizer measures the finger directly, while the guide to measuring ring size at home explains how to obtain and check the result.
Where should I start and stop when reading the ruler?
Start at the ruler’s zero line. Do not use the edge of the phone, browser window or visible screen as the starting point unless that edge is explicitly the tool’s zero guide. Place one end of the object on zero, align the object with the ruler, and read the mark at the opposite end.
A guide line gives the far edge a definite place to be read. Use a vertical guide for a horizontal width or a horizontal guide for a vertical length. Keep the item straight. A guide can identify an edge, but it cannot correct a gap, a tilted object or a curved surface.
Read the dimension named in the specification. For a ring, that is the inner diameter: the clear distance across the inside of the band. It is not the outside diameter. It is not the band width. A ring size is one number: the inner diameter of the band, in millimetres.
The relationship between diameter and circumference is checkable. For the reference row used by Mesurix:
- 17.32 mm inner diameter.
- 54.4 mm circumference.
- US 7.
- UK N 1/2.
- EU/ISO 54.
- JP/KR 14.
- FR 14.
For US and Canada, Mesurix publishes this formula: diameter in millimetres = 11.63 + 0.8128 × size. Substituting US 7 gives 11.63 + 0.8128 × 7 = 17.32 mm. One whole US size changes the diameter by 0.8128 mm, which is about 2.55 mm of circumference.
EU/ISO 8653 is different. The EU/ISO number is the inner circumference in millimetres, so 54 mm is US 7. France and Switzerland use circumference minus 40, so FR 14 is 54 mm and also US 7.
The UK, Australia and Ireland use letters with half steps. Their published relationship is circumference in millimetres = 37.14 + 1.28 × s, where s counts half-letter steps from A. US 7 corresponds to UK N 1/2.
Japan uses a numbered diameter scale that is also used in Korea and China: diameter in millimetres = 13 + (n - 1) / 3. Rearranged, n = 3 × diameter - 38. US 7 is JP 14.
There is a specific Korean listing trap. Korean sellers quote the same 호 numbers as the Japanese 号 scale, but some Korean shops use 호 for circumference in millimetres instead. Check for a millimetre figure next to the number before treating a Korean size as JP/KR 14. A bare number is not enough to identify which convention the seller means.
The ring size chart puts the systems side by side. The reference row is 17.32 mm inner diameter = 54.4 mm circumference = US 7 = UK N 1/2 = EU/ISO 54 = JP/KR 14 = FR 14. Keeping both diameter and circumference in your notes makes a seller’s conversion easier to check.
Several small handling errors can add together. A card may be bent. An object may have a rounded or chamfered edge. The phone may be viewed from an angle. The object may not touch zero. A thick edge may cover the exact mark. Browser zoom may have changed after calibration. Inspect those points before deciding that the object itself has an unusual size.
Paper and string create a different failure mode. A sheet of 80 gsm office paper is about 0.10 mm thick, while a human hair is about 0.07 mm. One US ring size is 0.8128 mm of diameter, roughly eight sheets of paper. String and paper strips stretch and compress, so they can read a quarter to a half size high or low depending on how hard they are pulled.
Repeat a small measurement from the other direction when the object allows it. If the readings disagree, inspect the zero line and the far edge instead of automatically averaging them. Repeating the arithmetic cannot correct a physical edge that was placed differently each time.
Ring measurements need a time-of-day check. Fingers are largest late in the day, after heat, exercise or salty food, and smallest on a cold morning. The spread across one day is easily a quarter of a US size. Take the measurement when the finger is at a normal, comfortable size, and repeat it rather than relying on one reading.
If the result falls between two sizes, take the larger one. The ring must pass the knuckle to go on and off. A loose ring can be tightened with sizing beads or a fitted bar. A ring that will not clear the knuckle cannot be worn at all.
Band width changes the practical choice. The trade rule of thumb is about a quarter size up from 6 mm of width and about a half size up from 8 mm. This is a fit adjustment, not a change to the diameter formula. Record the measured inner diameter separately from the size adjustment you choose for a wide band.
What can an actual-size screen ruler measure well?
A calibrated screen ruler suits small, flat objects whose edges are visible and whose length fits the display. It can help with a card, small component, label, screw head or clear inner diameter. Millimetres are usually easier for small dimensions because the scale avoids fractions. Inches remain useful when a product listing gives its measurements in imperial units.
The ruler is also useful when a physical ruler is not nearby. The card provides a reference that can be checked immediately. That is different from a page that simply assumes the screen has a particular pixel density. The result is a calibrated screen measurement, not an unverified promise that a CSS centimetre is physically one centimetre.
For a ring already in hand, measure the inside wall only when the inner edge is clear. A band with a rounded, stepped or unusually shaped interior may not present one simple diameter. Do not use the outside edge as the inner diameter. The printable ring sizer offers another route when a ring-size template is more convenient than measuring the existing ring on the display.
A phone is usually only 6 to 7 cm across. A longer object therefore needs a stepped measurement or another method. To measure in steps, mark a clear point at the end of the first section, move the object without changing its direction, and continue from that known point. Overlap the sections so a gap or overlap is visible. Add the sections only after each endpoint has been checked.
A stepped measurement is not one uninterrupted ruler reading. Moving the object introduces another alignment opportunity, so it is suitable for a practical estimate of a longer small object but not a reason to pretend the phone has a longer physical scale than it shows.
A screen ruler is not equal to a jeweller’s steel mandrel. A screen ruler measures a visible length after card calibration. A mandrel checks how a ring sits on a tapered tool. Those are related but different checks. Confirm an expensive or non-returnable ring with a jeweller before ordering, especially when the measured result sits between sizes or the band is wide.
The app provides a longer-term measuring setup. The free iPhone and Android app supports iOS 13 or later and works offline. It adds saved sizes and profiles, every standard on one screen, finger-measure mode, a printable sizer, the calibrated on-screen ruler and a bubble level with a set-zero step. It needs no account. The browser tools remain free, run entirely in the page and upload nothing.
The practical sequence is straightforward: calibrate with the 85.60 mm edge of an ISO/IEC 7810 ID-1 card, verify the 53.98 mm edge, keep the display setting unchanged, place the object at zero, read the correct edge, and repeat an inconsistent result. For a ring, write down the inner diameter in millimetres, convert it with the correct regional system, account for band width, and confirm an expensive or non-returnable purchase with a jeweller.
Bottom line
An actual-size online ruler needs a physical reference. Match the on-screen card to an ISO/IEC 7810 ID-1 card measuring 85.60 mm × 53.98 mm, verify both edges, then measure from zero. A phone usually provides only 6 to 7 cm in one view. For an expensive or non-returnable ring, confirm the result with a jeweller because calibration fixes scale, not every handling error.
FAQ
How do I make an online ruler actual size?
Calibrate the ruler against the long or short edge of a physical bank card, following the edge shown by the tool. An ISO/IEC 7810 ID-1 card measures 85.60 mm × 53.98 mm. Adjust the on-screen outline until it matches the card, then check the result against the card again. Place the object at the zero line and read the millimetre or inch scale.
Why is my on-screen ruler the wrong size?
A browser knows CSS pixels, not the physical dimensions of the display pixels. Device pixel ratio, panel density, operating-system scaling and browser zoom can make the same CSS length occupy different numbers of millimetres. Calibration supplies the missing physical reference by tying the screen scale to a card measuring 85.60 mm × 53.98 mm.
Can I measure without a physical ruler?
Yes. A calibrated online ruler can measure small, flat objects when a physical ruler is unavailable. Use a physical bank card for calibration, keep the object straight against the zero line, and check the card after calibration. A phone usually offers only 6 to 7 cm in one view, so measure longer objects in marked steps.
Can an online ruler measure in inches on screen?
Yes. Once calibrated, the on-screen ruler can show millimetres and inches. Millimetres usually make small measurements easier to read because they avoid fractions; inches are useful when a product specification uses imperial units. Neither scale represents physical length reliably until calibration is complete.
How accurate is a calibrated online ruler?
The arithmetic is exact for the calibration value, but the physical result depends on card alignment, object alignment, viewing angle and the clarity of the object's edge. Browser zoom can also change the displayed scale if it is altered after calibration. For an expensive or non-returnable ring, confirm the size with a jeweller rather than treating a screen measurement as equal to a steel mandrel.
How long can I measure with a phone screen ruler?
A phone screen is usually only 6 to 7 cm across, so a single uninterrupted reading is limited to that visible length. Measure a longer object in overlapping sections, marking a known point before moving the object, or use another measuring method. A stepped result is not one continuous ruler reading.