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.
Anleitung lesenAnleitungen zum Messen am Bildschirm
Beginnen Sie mit der Kalibrierung, wÀhlen Sie den passenden Messmodus oder beheben Sie Abweichungen zu einem echten Gegenstand.
Diese Anleitung ist in allen Sprachen der Website verfĂŒgbar.
Diese Anleitungen sind derzeit auf Englisch verfĂŒgbar. Ăbersetzungen folgen erst nach einer PrĂŒfung der jeweiligen Fassung.
Use Guidelines to compare gaps and align edges. Use Selection to measure one box, including its width, height, diagonal, and area.
Anleitung lesenFix an online ruler that does not match a real object. Check browser zoom, calibration, display changes, and your reference object in the right order.
Anleitung lesenLearn what CSS pixels and device pixels mean, how devicePixelRatio connects them, and why neither value alone gives a physical screen measurement.
Anleitung lesenMeasure padding, margin, gap, width, and height in CSS pixels with browser DevTools, then use Online Ruler for a visual or calibrated size check.
Anleitung lesenSeparate image file pixels from displayed CSS size and physical screen size. Use Inspect, a short browser check, and calibrated PPI correctly.
Anleitung lesenSet up and calibrate a screen ruler on a phone, choose a reference that fits, and use Guidelines or Selection without losing scale after rotation.
Anleitung lesenLearn 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.
Anleitung lesenUse the correct credit card, A4 paper, US Letter, or custom reference size for screen calibration, with exact dimensions, fit advice, and error checks.
Anleitung lesen