Mengapa memakai penggaris horizontal atas dan bawah sekaligus?
Benda lebar mudah miring bila hanya memakai satu sisi, dan engsel laptop kerap menghalangi tepi bawah. Garis vertikal yang menghubungkan kedua tepi menjamin pembacaan sejajar.
Bilah horizontal atas dan bawah sekaligus untuk mengukur benda lebar, bentang 30 cm / 12 inci, dan lebar viewport piksel CSS (px).
Titik Nol (0, 0) · Garis Putus-putus Kiri Atas
Sejajarkan benda Anda dengan tanda 0. Klik penggaris atau area kotak untuk memasang garis panduan yang dapat digeser.
Penggaris Foto & Papan Klip 100% Lokal
Tekan Ctrl+V untuk menempel gambar atau pilih file. Tidak ada gambar yang diunggah.
Kalibrasi Kerapatan Layar · Disimpan Lokal per Layar
Browser secara bawaan memakai 96 piksel CSS per inci yang jarang cocok dengan panel layar fisik. Pilih salah satu dari tiga metode di bawah agar setiap milimeter dan inci sesuai panjang asli.
96.0 PPI·3.780 px/mm
Skala referensi CSS (96 px per inci)
Tempelkan kartu pembayaran, SIM, atau KTP standar secara rata pada garis tepi di bawah lalu sesuaikan lebar fisiknya.
Tempelkan Kartu Fisik di Sini
Sejajarkan tepi kiri & atas · Cocokkan batas kanan
Daftar Periksa Perataan Optik
Skala Terhitung: 96.0 CSS PPI · 3.780 px/mm
Penyetelan keyboard: klik area kartu lalu tekan ← → (Shift untuk langkah 5px).
Masukkan ukuran diagonal panel layar aktif dalam inci (dari sudut ke sudut di dalam bezel, bukan bodi luar laptop). Pastikan zoom browser berada di 100%.
Catatan akurasi kalibrasi diagonal:
Online Ruler Plus memeriksa dimensi layar logis, devicePixelRatio, orientasi, dan platform browser Anda untuk mencocokkan profil perangkat keras atau menghitung estimasi awal.
Mengapa verifikasi manual? Browser web tidak mengetahui ukuran fisik monitor eksternal via HDMI/DisplayPort atau penskalaan OS khusus. Selalu verifikasi dengan kartu fisik atau diagonal sebelum pengukuran penting.
Pengukur Verifikasi Fisik
Tempelkan koin asli ke lingkaran referensi berskala langsung ini untuk memastikan kalibrasi Anda tepat.
Catatan Sesi Lokal
Pasang dua garis panduan sejajar di area penggaris lalu klik Simpan ke Riwayat untuk menyimpan jarak (ΔX / ΔY) secara lokal di perangkat Anda.
Metrologi Sumbu Horizontal · Skala Atas & Bawah Sejajar
Kedua tepi horizontal Atas dan Bawah aktif secara bawaan agar benda panjang lebih mudah disejajarkan.
Benda lebar mudah miring bila hanya memakai satu sisi, dan engsel laptop kerap menghalangi tepi bawah. Garis vertikal yang menghubungkan kedua tepi menjamin pembacaan sejajar.
Tekan tombol 3 untuk menampilkan skala piksel CSS logis W3C (tanda tiap 10, 50, dan 100 px) guna memeriksa breakpoint (375, 768, 1024, 1440 px) dan lebar komponen.
Pada layar 16:9, lebar aktif adalah 87,2% dari diagonal (34,5 cm di laptop 15,6″ dan 59,8 cm di monitor 27″). Tekan F untuk memakai 100% lebar layar.
Panduan Gerak Interaktif
Sejajarkan sisi kiri pada titik nol dalam lalu rentangkan pembacaan hingga batas ujung objek.
ΔX = X₂ − X₁Gabungkan garis vertikal X dan horizontal Y untuk membaca lebar, tinggi, serta panjang diagonal.
Diag = √(ΔX² + ΔY²)Geometri Layar Lebar · Panel 16:9, 16:10 & Ultrawide
Lihat seberapa panjang cm dan inci yang muat melintang di ponsel, tablet, laptop, dan monitor.
Menurut rumus Pythagoras, lebar 16:9 = Diagonal × 0,8716 dan lebar 16:10 = Diagonal × 0,8480 (15,6″ = 34,54 cm; 27″ = 59,77 cm).
Klik penggaris atas atau bawah di tepi kiri dan kanan benda; bilah bawah otomatis menghitung jarak horizontal ΔX.
Ya. Posisi lanskap menggandakan bentangan horizontal ponsel dari ~6,5 cm menjadi ~13,5–15,0 cm tanpa kehilangan kalibrasi.
| Panel & Rasio Aspek | Lebar Aktif (in) | Lebar Aktif (cm / mm) | Lebar CSS Umum | Penggaris Standar Maks. |
|---|---|---|---|---|
| 6,1" Ponsel (19,5:9 Lanskap) | 5,55 in | 14,1 cm (141 mm) | 844 – 852 CSS px | Hingga 13 cm / 5 in |
| 11,0" Tablet (4:3) | 8,80 in | 22,4 cm (224 mm) | 1024 – 1194 CSS px | Penggaris 15 cm / 6 in |
| 13,3" Laptop (16:10 Retina) | 11,28 in | 28,6 cm (286 mm) | 1440 CSS px | Hingga 27 cm / 10,5 in |
| 14,2" MacBook Pro (16:10) | 11,97 in | 30,4 cm (304 mm) | 1512 CSS px | Penuh 30 cm / 11,5 in |
| 15,6" Laptop Full HD (16:9) | 13,60 in | 34,5 cm (345 mm) | 1536 – 1920 CSS px | Penuh 30 cm & 12 inci |
| 24,0" Monitor (16:9 1080p) | 20,92 in | 53,1 cm (531 mm) | 1920 CSS px | Penggaris 50 cm / 18 in |
| 27,0" Monitor (16:9 QHD/4K) | 23,53 in | 59,8 cm (598 mm) | 1920 – 2560 CSS px | Penggaris 58 cm / 22 in |
| 34,0" Ultrawide (21:9) | 31,36 in | 79,7 cm (797 mm) | 3440 CSS px | Penggaris 75 cm / 30 in |
Rumus lebar horizontal: 16:9 = Diagonal × 0,87158 · 16:10 = Diagonal × 0,84800 · 21:9 = Diagonal × 0,92246.
Ubah Sumbu Penggaris atau Skala Satuan
Metrik · cm
Skala 1 cm & 0,5 cm + tabel cm ke inci
Imperial · 1/16″
Pecahan 1/2, 1/4, 1/8, 1/16″
Skala Halus · mm
Skala perangkat keras 1 mm & 5 mm
Atas & Bawah
Rentang lebar & piksel CSS (px)
Kiri & Kanan
Tinggi tegak & ponsel potret
FAQ Penggaris Horizontal & Piksel
Di laptop, engsel bawah menghalangi benda tebal sehingga bilah atas lebih praktis, dan garis vertikal melintasi keduanya mencegah kemiringan.
Klik 'px' atau tekan tombol 3 untuk melihat koordinat piksel logis W3C penuh dari 0 px.
Agar tanda nol berada di area kaca datar dan tidak tertutup bayangan bingkai fisik monitor.
Tentu, tombol 1, 2, 3, 4 / M serta Ganda cm/in selalu aktif kapan saja.