Skip to content
Measure & calibrate

Online Ruler

An accurate on-screen ruler.

Credit-card calibration cm & inches Saved on your device
Using a rough 96-DPI estimate — calibrate below for true size. px / mm —

Hold a credit, debit or ID card flat against the outline below, then drag the slider until the outline’s width exactly matches your card. Standard cards are 85.60 mm wide.

Outline width: 320 px Saved

Measure by laying an object along the top edge. Accuracy depends on calibration and staying at 100% browser zoom.

Why an on-screen ruler needs calibration.

A pixel is not a fixed physical size. A 13-inch laptop, a 27-inch monitor and a phone can all report “1920 pixels wide,” yet each pixel is a very different real-world length. That’s called pixel density, measured in pixels per inch (PPI). Without knowing your screen’s density, any on-screen ruler is just guessing.

Web browsers deliberately hide your exact physical density for privacy, and the values they do expose — like devicePixelRatio — only describe scaling, not true size. So the reliable fix is a quick, one-time calibration against a real object. A bank card is perfect because every card on Earth is built to the same ISO standard width of 85.60 mm.

Once you match the outline to your card, DeftGauge computes your screen’s pixels per millimeter and draws the ruler at true size. We save that value in your browser, so the next time you open this page the ruler is accurate immediately — no card required. If you ever change zoom, switch monitors or move the window to a different display, just recalibrate.

Everything here runs locally in your browser. Your calibration never leaves your device.

About the Online Ruler

The DeftGauge online ruler is an accurate, on-screen ruler that lets you measure real objects directly against your display in centimeters, millimeters and inches. Because it runs entirely in your browser, there is nothing to download or install: open the page, calibrate once, and you have a true-to-size measuring tool ready whenever you need it. Whether you are checking the dimensions of a small part, sizing jewelry, or confirming a length on the fly, this is a practical, free online ruler that works on laptops, desktops and tablets.

Why calibration matters for true-to-size measuring

A pixel is not a fixed physical length. The same image can be tiny on a high-resolution phone and large on an older monitor, because every screen has a different pixel density. That is why a quick calibration step is essential. By matching the on-screen outline to a standard bank or ID card, which is always 85.60 mm wide, the tool learns exactly how many pixels make up one millimeter on your specific display. From that single measurement it can draw every tick mark at its correct real-world size, so what you measure on the glass matches what you would measure with a physical ruler.

How to use the online ruler step by step

Getting an accurate reading takes less than a minute:

  • Set your browser to 100% zoom so the page is not scaled up or down.
  • Hold a credit, debit or ID card flat against the outline and drag the slider until the outline matches the card width.
  • Lock the calibration; your pixels-per-millimeter value is saved on your device for next time.
  • Lay the object you want to measure along the top edge of the ruler and read off the value.

If you do not have a card nearby, you can calibrate manually by entering your screen size and resolution, or by typing your DPI directly. Both methods give you the same true-to-size result.

Switching between online ruler inches and metric units

Different tasks call for different units, so the tool lets you switch instantly. Use the online ruler in cm for everyday metric measuring, drop down to the online ruler mm scale for fine work where every millimeter counts, or choose the online ruler inches view for imperial measurements. There is also a combined mode that shows centimeters and inches together, which is handy when you need to convert between systems or follow instructions written in a different standard. Whatever you pick, the spacing stays accurate as long as your calibration is current.

Accuracy tips and everyday use cases

For the most reliable results, always measure at 100% zoom and recalibrate if you move the window to a second monitor, change your display scaling, or switch devices, since each screen needs its own calibration. Keep the object flat and aligned with the zero mark, and read the scale straight on to avoid parallax error. People reach for an online ruler in cm or inches for all sorts of small jobs: measuring screws, beads and craft supplies, checking the size of a photo or sticker before printing, sizing a ring or watch strap, or simply settling a quick question when no physical ruler is within reach.

An accurate, free online ruler matters because measurements only help when they are correct. A guess that is off by a few millimeters can mean the wrong replacement part, a poorly fitting accessory, or a print that does not match the page. By taking the guesswork out with a one-time calibration, DeftGauge turns any screen into a dependable measuring surface you can trust and reuse, online ruler in cm, mm and inches, whenever you need it.

Frequently asked questions

How do I measure something without a ruler?

Use your screen as the ruler. This free online ruler turns your display into a measuring scale, so you can hold a small object against the glass and read its length when no tape measure or physical ruler is nearby. Calibrate once with a bank card above, then measure in cm, mm or inches in seconds. For best results keep the object flat against the screen and your browser at 100% zoom.

How accurate is an online ruler?

An uncalibrated actual size online ruler can be off by a centimeter or more, because every screen has a different pixel density. Once you calibrate against a standard bank card, this tool is typically accurate to within about 1 mm on most displays, which is plenty for everyday measuring. For critical, sub-millimeter work a physical ruler or caliper is still the safer choice.

How do I calibrate the online ruler to actual size?

Hold a credit, debit or ID card flat against the on-screen outline above and drag the slider until the outline exactly matches the card width. Every card follows the same ISO standard of 85.60 mm wide, so this teaches the tool your screen's true pixels per millimeter. Lock it in and the ruler is drawn at actual size; your calibration is saved on your device for next time.

Why do I need to calibrate the ruler at all?

Because a pixel is not a fixed physical length. The same number of pixels is a different real-world size on a phone, a laptop and a 4K monitor, and browsers deliberately hide your exact pixels per inch for privacy. A one-time calibration against a known object like a bank card is the only reliable way to make an on-screen ruler match a real one.

How do I measure in cm, mm and inches on screen?

After calibrating, lay the object along the top edge of the ruler and read the value off the scale. Use the unit buttons to switch between the online ruler cm view, the fine online ruler mm ticks and the online ruler inches scale, or show centimeters and inches together. Give it a try above to measure anything against your display.

How many cm and mm are in an inch?

One inch equals exactly 2.54 centimeters, which is 25.4 millimeters. Going the other way, one centimeter is about 0.394 inches. The metric and imperial scales on this ruler use this exact conversion, so you can switch units above without doing any math, and the combined cm-and-inches view lets you convert a measurement on the fly.

Can I use the online ruler on a phone as well as a monitor?

Yes, it works on phones, tablets, laptops and desktop monitors. Each screen has its own pixel density, though, so calibrate separately on every device you use and recalibrate if you switch displays. On a phone the card-matching method is especially handy, since you can hold a real card directly against the touchscreen to scale the online ruler precisely.

Can I measure ring size or small objects on screen?

Yes. Once calibrated, the ruler is well suited to small items like screws, beads, watch straps and ring diameters: just rest the object against the scale and read off the millimeters. For a ring, measure the inner diameter against the mm ticks for the closest match. Calibrate carefully with a bank card first, since ring sizing needs sub-millimeter accuracy to get the fit right.

Does screen size or browser zoom affect accuracy?

Yes, both matter. Browser zoom rescales the whole page, so calibrate at 100% zoom and stay there while measuring — press Ctrl+0 or Cmd+0 to reset zoom if you are unsure. Screen size itself is handled by calibration, but if you move the window to a different monitor or change your display scaling, run a quick recalibration so the ruler stays true to size.

Is this online ruler free to use?

Yes, completely free with no sign-up, no download and no installation. The online ruler runs entirely in your browser and your calibration is stored only on your own device, never uploaded. Open the page whenever you need to measure in cm, mm or inches and the tool is ready right away.

More tools

All tools →

Printable Ruler

Download and print a precise ruler in inches and centimeters.

Online Protractor

A draggable protractor to measure angles in degrees.

Bubble Level

Use your device's sensors to level surfaces and hang frames.