How to Use Screen Ruler Online
Panduan mulai cepat untuk setiap alat Screen Ruler Online. Lompat ke alat yang kamu butuhkan di bawah — setiap bagian membahas fungsi, target pengguna, dan langkah penggunaannya dalam 5 langkah.
Mulai Cepat per Alat
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
Penggaris layar yang akurat dalam cm, mm, dan inci. Kalibrasi sekali dengan kartu kredit, lalu kamu bisa mengukur benda nyata di tepi layar dengan ketelitian setengah milimeter. Sangat berguna untuk desainer yang memeriksa ukuran cetak, pembeli yang memverifikasi dimensi produk, dan pelajar yang mengukur benda kecil.
Mulai cepat
- Buka Screen Ruler. Alat memuat penggaris vertikal di sisi kiri layar dengan tanda dalam unit pilihanmu.
- Ketuk panel kalibrasi dan letakkan kartu kredit rata di layar. Geser slider sampai garis di layar pas dengan tepi kartu.
- Ganti unit antara sentimeter, milimeter, dan inci dengan pemilih unit di atas.
- Letakkan benda yang ingin diukur di sebelah penggaris. Sejajarkan satu tepi dengan tanda nol dan baca tepi lainnya.
- Gunakan mode layar penuh untuk penggaris terpanjang, terutama di layar kecil. Kalibrasi tersimpan per perangkat selama 30 hari.
Penggaris Cetak
PDF penggaris cetak gratis dalam cm, mm, atau inci pada skala 1:1 sebenarnya. Tanpa kalibrasi — cetak, taruh rata, dan ukur. Ideal saat kamu perlu penggaris fisik untuk kerajinan, pertukangan, jahit, atau PR anak dan tidak punya satu pun di laci.
Mulai cepat
- Buka halaman Printable Ruler dan pilih unit (cm, mm, atau inci) serta panjangnya.
- Klik Generate PDF. Unduhan adalah skala 1:1 sebenarnya pada 300 DPI.
- Di dialog printer, atur Scaling ke 100% (atau Actual Size) — jangan pernah Fit to Page, yang diam-diam mengecilkan penggaris.
- Cetak di kertas standar. Gunakan kotak kalibrasi yang disertakan untuk memastikan printer tidak mengubah skala file.
- Potong sepanjang garis dan kamu punya penggaris fisik. Laminasi untuk pemakaian berulang.
Spesifikasi Perangkat
Database 69+ ponsel, tablet, dan laptop yang bisa difilter, lengkap dengan ukuran layar, resolusi, PPI, dan rasio aspek. Berguna untuk developer yang memeriksa breakpoint responsif, pembeli yang membandingkan model, dan desainer yang memilih perangkat target.
Mulai cepat
- Buka halaman Device Specs. Kamu akan melihat tabel yang dapat difilter dengan 69+ perangkat.
- Filter berdasarkan merek, OS, tahun, jenis, ukuran layar, atau gunakan kotak pencarian untuk model tertentu.
- Klik baris perangkat mana pun untuk membuka halaman detail dengan spesifikasi lengkap dan daftar perangkat terkait di samping.
- Gunakan CTA Open Ruler di halaman perangkat untuk meluncurkan penggaris yang sudah dikalibrasi sesuai PPI perangkat itu.
- Bookmark perbandingan atau salin spesifikasi ke lembar spec untuk pengadaan dan pekerjaan desain.
Roda Acak
Roda spinner yang bisa dikustomisasi untuk pengundian acak yang adil. Ketik daftar opsi, tekan Spin, dan roda berhenti acak di salah satu. Dipakai guru memilih siswa, keluarga memutuskan menu, dan tim mengatur urutan undian.
Mulai cepat
- Buka Spinner. Ia dimuat dengan daftar opsi singkat default.
- Klik entri untuk mengeditnya, Add untuk menambah opsi baru, Remove untuk menghapus.
- Setiap opsi mendapat warnanya sendiri secara otomatis saat roda dibagi ulang.
- Tekan Spin. Roda berputar dengan deselerasi mulus dan berhenti acak di salah satu segmen.
- Setiap opsi punya peluang menang yang sama. Daftar hanya tersimpan di browsermu dan hilang saat tab ditutup.
Tes Dead Pixel
Layar uji warna penuh yang menampilkan dead pixel, stuck pixel, dan hot pixel di monitor, ponsel, atau TV apa pun. Jalankan sebelum menerima paket, setelah perbaikan layar, atau saat kamu mencurigai cacat — 60 detik sudah cukup tahu apakah panelnya sehat.
Mulai cepat
- Buka halaman Dead Pixel Test di layar yang ingin kamu periksa.
- Maksimalkan browser ke layar penuh agar tes mengisi seluruh panel — F11 di sebagian besar browser.
- Putar layar warna (merah, hijau, biru, putih, hitam). Perhatikan dengan saksama apakah ada piksel yang tidak berubah dengan latar.
- Piksel yang tetap hitam adalah dead, piksel yang macet di satu warna adalah stuck, dan piksel yang selalu putih adalah hot.
- Jalankan tes gradien untuk masalah keseragaman seperti banding. Ulangi setelah upaya perbaikan stuck pixel untuk memastikan pemulihan.
Busur Derajat
Busur derajat digital yang mengukur sudut 0° hingga 360° di layar. Geser dua sinar ke sudut yang dibutuhkan, dengan opsi snap 1°/5°/15°/45°. Berguna untuk PR geometri, potongan miter pertukangan, dart jahitan, dan cek kemiringan atap di foto.
Mulai cepat
- Buka Protractor. Alat memuat dial bundar dengan dua sinar yang bisa digeser pada sudut default 90°.
- Geser salah satu sinar lewat handel ujungnya untuk memutarnya di sekitar pusat. Sudut dan sektor terbayang diperbarui real time.
- Untuk sudut tepat, aktifkan Snap dan pilih kelipatan 1°, 5°, 15°, atau 45°. Sinar mengunci ke langkah terdekat.
- Letakkan gambar cetak rata di layar untuk mengukur sudut yang digambar di kertas.
- Gunakan Reset untuk kembali ke 90°. Busur derajat mengukur sudut dalam secara default — kurangi dari 360° untuk sudut refleks.
Kalkulator Ukuran Layar
Hitung ukuran fisik layar dari resolusi dan PPI, atau cek ukuran TV yang pas untuk jarak menonton. Dipakai oleh pembangun home theater, pembeli monitor, dan orang yang membandingkan panel 65 inci vs 75 inci.
Mulai cepat
- Buka Screen Size Calculator dan pilih mode input — ukuran diagonal, lebar dan tinggi, atau resolusi dan PPI.
- Masukkan angkamu. Kalkulator mengembalikan lebar fisik, tinggi, luas, dan jarak menonton yang direkomendasikan.
- Untuk ukuran TV, gunakan sub-halaman TV size for room: masukkan jarak sofa ke layar dan pilih standar (THX, SMPTE, atau 4K imersif).
- Bandingkan dua layar dengan menjalankan kalkulator dua kali dan mencatat diagonal vs area tampak — 16:9 65 inci jauh lebih besar dari 21:9 65 inci.
- Periksa silang ukuran fisik dengan database Device Specs sebelum membeli.
Konverter Piksel
Konverter unit CSS instan — px ke mm, cm, inci, rem, em, pt, %, vw, dan vh. Dirancang untuk developer front-end, desainer, dan siapa saja yang mengatur tipografi atau layout terhadap target DPI.
Mulai cepat
- Buka Pixel Converter. Pilih unit sumbermu (px, mm, cm, inci, rem, em, pt, %, vw, vh).
- Masukkan nilai. Semua unit target diperbarui bersamaan.
- Atur ukuran font dasar (default 16px) dan DPI agar konversi rem dan unit fisik akurat.
- Gunakan cheat sheet untuk konversi umum seperti 1rem = 16px atau 1pt = 1.333px.
- Salin hasil ke CSS atau alat desainmu. Konverter tanpa state — refresh akan mereset form.
Kalkulator Rasio Aspek
Hitung rasio aspek dari dimensi piksel atau temukan dimensi yang hilang saat satu sisi dan rasionya diketahui. Dibuat untuk video editor, desainer media sosial, dan developer yang memilih ukuran gambar untuk Instagram, TikTok, YouTube, dan LinkedIn.
Mulai cepat
- Buka Aspect Ratio Calculator. Masukkan lebar dan tinggi piksel untuk mendapatkan rasio yang disederhanakan.
- Atau pilih mode dimensi-hilang: masukkan lebar dan rasio target (16:9, 4:3, 1:1, 9:16) dan kalkulator mengembalikan tinggi.
- Gunakan cheat sheet platform untuk mencari ukuran yang tepat untuk postingan Instagram, video TikTok, thumbnail YouTube, atau banner LinkedIn.
- Verifikasi gambarmu dengan Pixel Converter jika perlu mengubah ukuran piksel ke unit fisik untuk cetak.
- Rasio yang disederhanakan adalah FPB dari lebar dan tinggi — 1920×1080 menjadi 16:9, 1080×1080 menjadi 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.