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.
Lees de gidsGidsen voor meten op het scherm
Begin met kalibreren, kies de juiste meetstand of los een liniaal op die niet met een echt voorwerp overeenkomt.
Deze gids is beschikbaar in alle talen van de website.
Deze gidsen zijn nu in het Engels beschikbaar. Vertalingen worden pas toegevoegd nadat elke versie is gecontroleerd.
Use Guidelines to compare gaps and align edges. Use Selection to measure one box, including its width, height, diagonal, and area.
Lees de gidsFix an online ruler that does not match a real object. Check browser zoom, calibration, display changes, and your reference object in the right order.
Lees de gidsLearn what CSS pixels and device pixels mean, how devicePixelRatio connects them, and why neither value alone gives a physical screen measurement.
Lees de gidsMeasure padding, margin, gap, width, and height in CSS pixels with browser DevTools, then use Online Ruler for a visual or calibrated size check.
Lees de gidsSeparate image file pixels from displayed CSS size and physical screen size. Use Inspect, a short browser check, and calibrated PPI correctly.
Lees de gidsSet up and calibrate a screen ruler on a phone, choose a reference that fits, and use Guidelines or Selection without losing scale after rotation.
Lees de gidsLearn 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.
Lees de gidsUse the correct credit card, A4 paper, US Letter, or custom reference size for screen calibration, with exact dimensions, fit advice, and error checks.
Lees de gids