How to Use Screen Ruler Online
Mga gabay sa mabilisang pagsisimula para sa bawat tool ng Screen Ruler Online. Lumukso sa kailangan mong tool sa ibaba — ipinapaliwanag ng bawat seksyon ang ginagawa nito, para kanino, at 5-step na pamamaraan ng paggamit.
Mabilisang Pagsisimula bawat Tool
Each section below covers one tool — what it does, who should use it, and a 5-step quick start. Calibration and pixel-density basics are explained at length in the Screen Ruler section, since those concepts apply across the measurement tools.
Screen Ruler
Tumpak na ruler sa screen sa cm, mm, at inches. Mag-calibrate isang beses gamit ang credit card at masusukat mo ang totoong mga bagay sa gilid ng screen nang may katumpakan na kalahating milimetro. Pinakamabuti para sa mga designer na nagsusuri ng print sizes, mamimili na nagvi-verify ng product dimensions, at mag-aaral na sumusukat ng maliliit na bagay.
Mabilis na simula
- Buksan ang Screen Ruler. Naglo-load ang tool ng vertical ruler sa kaliwang bahagi ng screen na may marka sa napiling unit mo.
- I-tap ang calibration panel at ipatong ang credit card nang flat sa screen. Kaladkarin ang slider hanggang sa eksaktong umangkop ang outline sa screen sa gilid ng card.
- Magpalit ng unit sa pagitan ng centimeters, millimeters, at inches gamit ang unit selector sa itaas.
- Ilagay ang bagay na sukat sa tabi ng ruler. I-align ang isang gilid sa zero mark at basahin ang kabilang gilid.
- Gamitin ang fullscreen mode para sa pinakamahabang ruler, lalo na sa maliliit na screen. Ang calibration ay sine-save bawat device sa loob ng 30 araw.
Printable Ruler
Libreng printable ruler PDF sa cm, mm, o inches sa tunay na 1:1 scale. Walang kailangang calibration — i-print, ipatong nang flat, at sumukat. Perpekto kapag kailangan mo ng pisikal na ruler para sa crafts, pagkakarpintero, panahi, o homework ng bata at wala kang isa sa drawer.
Mabilis na simula
- Buksan ang Printable Ruler page at piliin ang unit (cm, mm, o inches) at ang haba.
- I-click ang Generate PDF. Tunay na 1:1 scale ang download sa 300 DPI.
- Sa printer dialog, itakda ang Scaling sa 100% (o Actual Size) — huwag kailanman Fit to Page, dahil tahimik nitong pinapaliit ang ruler.
- Mag-print sa standard paper. Gamitin ang kasamang calibration square para i-verify na hindi binago ng printer ang scale ng file.
- Gupitin sa outline at mayroon ka nang pisikal na ruler. I-laminate para sa paulit-ulit na paggamit.
Device Specs
Database na maaaring i-filter ng 69+ phone, tablet, at laptop kasama ang sukat ng screen, resolution, PPI, at aspect ratio. Kapaki-pakinabang sa mga developer na sumusuri ng responsive breakpoints, mamimili na naghahambing ng mga modelo, at designer na pumipili ng target devices.
Mabilis na simula
- Buksan ang Device Specs page. Makikita mo ang isang filterable na talahanayan na may 69+ device.
- I-filter ayon sa brand, OS, taon, type, sukat ng screen, o gamitin ang search box para sa partikular na modelo.
- I-click ang anumang device row para buksan ang detail page nito kasama ang buong specs at side-by-side na listahan ng mga kaugnay na device.
- Gamitin ang Open Ruler CTA sa device page para ilunsad ang pre-calibrated na ruler na nakatutok sa PPI ng device na iyon.
- I-bookmark ang isang comparison o kopyahin ang specs sa spec sheet para sa procurement at design work.
Random Spinner
Naa-customize na wheel spinner para sa patas na random na pagpili. I-type ang anumang listahan ng mga opsyon, pindutin ang Spin, at random na hihinto ang gulong sa isang opsyon. Ginagamit ng mga guro na pumipili ng estudyante, pamilya na nagdedesisyon ng hapunan, at team na nag-aayos ng draft order.
Mabilis na simula
- Buksan ang Spinner. Naglo-load ito kasama ng default na maikling listahan ng mga opsyon.
- I-click ang isang entry para i-edit, gumamit ng Add para magdagdag ng bagong opsyon, at Remove para tanggalin ang isa.
- Ang bawat opsyon ay automatic na nakakakuha ng sariling kulay habang muling sine-segment ang gulong.
- Pindutin ang Spin. Ang gulong ay umiikot na may smooth na deceleration at random na hihinto sa isang segment.
- Pantay-pantay ang probabilidad ng panalo ng bawat opsyon. Ang listahan mo ay nakaimbak lamang sa browser mo at nawawala kapag isinara mo ang tab.
Dead Pixel Test
Full-color test screens na naglalantad ng dead, stuck, at hot pixels sa anumang monitor, telepono, o TV. Patakbuhin bago tanggapin ang delivery, pagkatapos ng pag-aayos ng screen, o kapag pinaghihinalaang may depekto — 60-segundong pass ang sasabi sa iyo kung healthy ang panel mo.
Mabilis na simula
- Buksan ang Dead Pixel Test page sa screen na gusto mong suriin.
- I-maximize ang browser sa fullscreen para mapuno ng test ang buong panel — F11 sa karamihan ng browser.
- Mag-cycle sa color screens (pula, berde, asul, puti, itim). Tingnang mabuti kung mayroong pixel na hindi nagbabago ayon sa background.
- Ang pixel na nananatiling itim ay dead, na natigil sa isang kulay ay stuck, at laging puti ay hot.
- Patakbuhin ang gradient test para sa mga isyu sa uniformity tulad ng banding. Ulitin pagkatapos ng pagtatangkang ayusin ang stuck pixel para tiyakin ang recovery.
Protractor
Digital na protractor na sumusukat ng anumang anggulo mula 0° hanggang 360° sa screen. Kaladkarin ang dalawang ray sa anggulong gusto mo, may opsyonal na snap sa 1°/5°/15°/45°. Ginagamit sa geometry homework, woodworking miter cuts, sewing darts, at roof-pitch checks sa mga larawan.
Mabilis na simula
- Buksan ang Protractor. Naglo-load ang tool ng circular dial na may dalawang draggable na ray sa default na 90° na anggulo.
- Kaladkarin ang alinmang ray sa pamamagitan ng endpoint handle nito para iikot sa paligid ng center. Ang anggulo at shaded sector ay nag-a-update sa real time.
- Para sa eksaktong anggulo, i-toggle ang Snap at pumili ng 1°, 5°, 15°, o 45° increment. Mag-c-click ang ray sa pinakamalapit na step.
- Ilagay ang naka-print na drawing nang flat sa screen para sukatin ang mga anggulong nakaguhit sa papel.
- Gamitin ang Reset para bumalik sa 90°. Ang protractor ay sumusukat ng inner angle bilang default — bawasin sa 360° para sa reflex angle.
Screen Size Calculator
Kalkulahin ang pisikal na sukat ng screen mula sa resolution at PPI, o tingnan ang tamang sukat ng TV para sa viewing distance. Ginagamit ng mga home theater builder, mamimili ng monitor, at namimili ng 65-inch vs 75-inch panel.
Mabilis na simula
- Buksan ang Screen Size Calculator at piliin ang input mode mo — diagonal size, lapad at taas, o resolution at PPI.
- Ilagay ang mga numero. Ibinabalik ng calculator ang pisikal na lapad, taas, area, at inirerekomendang viewing distance.
- Para sa pag-size ng TV, gamitin ang sub-page na TV size for room: ilagay ang distansya ng couch sa screen at pumili ng standard (THX, SMPTE, o 4K immersive).
- Ihambing ang dalawang screen sa pamamagitan ng pagpapatakbo ng calculator nang dalawang beses at pagsuri ng diagonal vs viewable area — ang 16:9 65-inch ay mas malaki kaysa sa 21:9 65-inch.
- I-cross-check ang pisikal na sukat sa Device Specs database bago bumili.
Pixel Converter
Instant na CSS unit converter — px sa mm, cm, inches, rem, em, pt, %, vw, at vh. Idinisenyo para sa mga front-end developer, designer, at sinumang nag-tu-tune ng typography o layout sa target DPI.
Mabilis na simula
- Buksan ang Pixel Converter. Pumili ng source unit (px, mm, cm, inches, rem, em, pt, %, vw, vh).
- Ilagay ang halaga mo. Sabay-sabay na nag-a-update ang lahat ng target units.
- Itakda ang base font size (default 16px) at DPI para sa tumpak na rem at physical-unit conversions.
- Gamitin ang cheat sheet para sa mga karaniwang conversion tulad ng 1rem = 16px o 1pt = 1.333px.
- Kopyahin ang resulta sa CSS o design tool mo. Stateless ang converter — magri-reset ang form sa refresh.
Aspect Ratio Calculator
Kalkulahin ang aspect ratio mula sa pixel dimensions o hanapin ang nawawalang dimension kapag alam ang isang gilid at ang ratio. Ginawa para sa mga video editor, social media designer, at developer na pumipili ng image sizes para sa Instagram, TikTok, YouTube, at LinkedIn.
Mabilis na simula
- Buksan ang Aspect Ratio Calculator. Ilagay ang pixel width at height para makuha ang simplified ratio.
- O piliin ang find-missing-dimension mode: ilagay ang width at target ratio (16:9, 4:3, 1:1, 9:16) at ibabalik ng calculator ang height.
- Gamitin ang platform cheat sheet para hanapin ang tamang sukat para sa Instagram posts, TikTok video, YouTube thumbnails, o LinkedIn banners.
- I-verify ang imahe mo gamit ang Pixel Converter kung kailangan mong i-convert ang pixel sizes sa physical units para sa print.
- Ang simplified ratio ay ang GCD ng width at height — 1920×1080 ay nag-i-reduce sa 16:9, 1080×1080 sa 1:1.
Calibration Basics
Calibration is the most important step for any measurement tool on the platform. Without it, the ruler shows approximate measurements based on your device's reported pixel density, which is often inaccurate. With calibration, measurements become precise to within half a millimeter.
Using a Credit Card
A standard credit or debit card is the best calibration object because its dimensions are standardized worldwide at 85.6mm x 53.98mm (ISO/IEC 7810). Place your card flat on the screen and use the calibration slider to adjust the on-screen outline until it matches your card exactly.
Using Other Objects
If you don't have a credit card handy, you can calibrate with US quarters (24.26mm), Euro coins (23.25mm), UK pound coins (22.5mm), and more. Select the object from the calibration panel, place it on the screen, and adjust the slider.
Understanding Pixel Density (PPI)
PPI stands for Pixels Per Inch. It tells you how many tiny dots of light fit in one physical inch of your screen. A phone with 460 PPI has much smaller, more densely packed pixels than a desktop monitor with 96 PPI. This means the same number of pixels takes up less physical space on the phone.
Modern screens also use device pixel ratios. A MacBook with a Retina display might report a device pixel ratio of 2, meaning each "CSS pixel" in the browser actually spans 2x2 physical pixels. The ruler, protractor, and pixel converter all account for this automatically during calibration.
Device-Specific Rulers
We maintain pre-configured ruler profiles for popular devices. These profiles use the device's known PPI to provide a starting point before manual calibration. Visit a device-specific ruler for the best starting accuracy:
Questions?
Full answers to common questions about every tool — ruler accuracy, protractor precision, spinner fairness, device support, privacy — live on the FAQ page.