Measurement toolsEnglish
How to Use Guidelines and Selection
Use Guidelines to compare gaps and align edges. Use Selection to measure one box, including its width, height, diagonal, and area.
안내 읽기화면 측정 안내
화면에서 더 제대로 측정하는 방법
먼저 화면을 보정하고 목적에 맞는 측정 모드를 고르세요. 실제 물체와 맞지 않을 때 해결하는 방법도 확인할 수 있습니다.
보정부터 시작하세요
이 안내는 사이트의 모든 언어로 제공됩니다.
영어로 제공되는 추가 안내
아래 안내는 현재 영어로만 제공됩니다. 각 번역본은 내용을 검토한 뒤 추가합니다.
Accuracy and troubleshootingEnglish
Why Is My Online Ruler Inaccurate?
Fix an online ruler that does not match a real object. Check browser zoom, calibration, display changes, and your reference object in the right order.
안내 읽기 Pixels and displaysEnglish
CSS Pixels vs Device Pixels
Learn what CSS pixels and device pixels mean, how devicePixelRatio connects them, and why neither value alone gives a physical screen measurement.
안내 읽기 Practical usesEnglish
How to Measure UI Spacing in a Browser
Measure padding, margin, gap, width, and height in CSS pixels with browser DevTools, then use Online Ruler for a visual or calibrated size check.
안내 읽기 Practical usesEnglish
How to Measure an Image’s Size on Screen
Separate image file pixels from displayed CSS size and physical screen size. Use Inspect, a short browser check, and calibrated PPI correctly.
안내 읽기 Practical usesEnglish
How to Use a Screen Ruler on a Phone
Set up and calibrate a screen ruler on a phone, choose a reference that fits, and use Guidelines or Selection without losing scale after rotation.
안내 읽기 Pixels and displaysEnglish
PPI vs DPI: What’s the Difference?
Learn the difference between PPI and DPI, when to use pixels per inch or dots per inch, and why screen calibration needs effective PPI rather than printer DPI.
안내 읽기 Accuracy and troubleshootingEnglish
Reference Object Sizes for Screen Calibration
Use the correct credit card, A4 paper, US Letter, or custom reference size for screen calibration, with exact dimensions, fit advice, and error checks.
안내 읽기