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.
Ler o guiaGuias de medição na tela
Comece pela calibração, escolha o modo de medição certo ou corrija uma régua que não coincide com um objeto real.
Este guia está disponível em todos os idiomas do site.
Por enquanto, estes guias estão disponíveis em inglês. As traduções serão adicionadas somente após a revisão de cada versão.
Use Guidelines to compare gaps and align edges. Use Selection to measure one box, including its width, height, diagonal, and area.
Ler o guiaFix an online ruler that does not match a real object. Check browser zoom, calibration, display changes, and your reference object in the right order.
Ler o guiaLearn what CSS pixels and device pixels mean, how devicePixelRatio connects them, and why neither value alone gives a physical screen measurement.
Ler o guiaMeasure padding, margin, gap, width, and height in CSS pixels with browser DevTools, then use Online Ruler for a visual or calibrated size check.
Ler o guiaSeparate image file pixels from displayed CSS size and physical screen size. Use Inspect, a short browser check, and calibrated PPI correctly.
Ler o guiaSet up and calibrate a screen ruler on a phone, choose a reference that fits, and use Guidelines or Selection without losing scale after rotation.
Ler o guiaLearn 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.
Ler o guiaUse the correct credit card, A4 paper, US Letter, or custom reference size for screen calibration, with exact dimensions, fit advice, and error checks.
Ler o guia