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.
Leggi la guidaGuide alla misurazione su schermo
Inizia dalla calibrazione, scegli la modalità di misura giusta o correggi un righello che non coincide con un oggetto reale.
Questa guida è disponibile in tutte le lingue del sito.
Al momento queste guide sono disponibili in inglese. Aggiungeremo le traduzioni solo dopo aver controllato ogni versione.
Use Guidelines to compare gaps and align edges. Use Selection to measure one box, including its width, height, diagonal, and area.
Leggi la guidaFix an online ruler that does not match a real object. Check browser zoom, calibration, display changes, and your reference object in the right order.
Leggi la guidaLearn what CSS pixels and device pixels mean, how devicePixelRatio connects them, and why neither value alone gives a physical screen measurement.
Leggi la guidaMeasure padding, margin, gap, width, and height in CSS pixels with browser DevTools, then use Online Ruler for a visual or calibrated size check.
Leggi la guidaSeparate image file pixels from displayed CSS size and physical screen size. Use Inspect, a short browser check, and calibrated PPI correctly.
Leggi la guidaSet up and calibrate a screen ruler on a phone, choose a reference that fits, and use Guidelines or Selection without losing scale after rotation.
Leggi la guidaLearn 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.
Leggi la guidaUse the correct credit card, A4 paper, US Letter, or custom reference size for screen calibration, with exact dimensions, fit advice, and error checks.
Leggi la guida