Langsung ke konten utama
Sumbu Horizontal · Tepi Atas & Bawah Bersamaan · cm, mm, in & px

Penggaris Layar & Piksel Horizontal Lebar Penuh

Bilah horizontal atas dan bawah sekaligus untuk mengukur benda lebar, bentang 30 cm / 12 inci, dan lebar viewport piksel CSS (px).

Ruang Kerja Penggaris Layar Online Interaktif

Kalibrasi perkiraan96.0 PPIKalibrasi
Sumbu Garis:

Sejajarkan benda Anda dengan tanda 0. Klik penggaris atau area kotak untuk memasang garis panduan yang dapat digeser.

X: 0.00 cm · Y: 0.00 cm
Konverter Satuan@ 96.0 PPI
3 3/8 in (3 3/8 in)

Kalibrasi Kerapatan Layar · Disimpan Lokal per Layar

Kalibrasi Layar Anda untuk Skala Fisik Sebenarnya

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.

Skala AktifKalibrasi perkiraan

96.0 PPI·3.780 px/mm

Skala referensi CSS (96 px per inci)

Profil Layar:
Standar ISO/IEC 7810 ID-1 · 85,60 × 53,98 mm

Sejajarkan Kartu Bank, Kredit, atau Kartu Identitas Fisik

Tempelkan kartu pembayaran, SIM, atau KTP standar secara rata pada garis tepi di bawah lalu sesuaikan lebar fisiknya.

Target:
Patokan perataan kiri atas · garis luar fisik 1:1
ISO/IEC 7810 ID-1
85.60 mm

Tempelkan Kartu Fisik di Sini

Sejajarkan tepi kiri & atas · Cocokkan batas kanan

3.370 × 2.125 in53.98 mm
  1. Tempelkan kartu rata: Posisikan kartu asli menempel rapat pada sudut kiri atas kotak.
  2. Cocokkan tepi luar: Geser slider atau tekan tombol ← → hingga tepi kanan tepat sejajar.
  3. Hindari paralaks: Arahkan pandangan mata tegak lurus (90°) ke tepi kanan kartu.

Skala Terhitung: 96.0 CSS PPI · 3.780 px/mm

Penyetelan keyboard: klik area kartu lalu tekan ← → (Shift untuk langkah 5px).

Pengukur Verifikasi Fisik

Verifikasi dengan Benda Sehari-hari

Tempelkan koin asli ke lingkaran referensi berskala langsung ini untuk memastikan kalibrasi Anda tepat.

24.26 mm
Quarter AS
23.25 mm
€1 Euro
19.05 mm
Penny AS
Bilah Referensi 50,0 mm (5,0 cm)1.969 in

Catatan Sesi Lokal

Riwayat Pengukuran

Pasang dua garis panduan sejajar di area penggaris lalu klik Simpan ke Riwayat untuk menyimpan jarak (ΔX / ΔY) secara lokal di perangkat Anda.

    Penyimpanan: hanya localStorageTanpa sinkronisasi jaringan

    Metrologi Sumbu Horizontal · Skala Atas & Bawah Sejajar

    Mengukur Benda Lebar & Piksel CSS Secara Horizontal

    Kedua tepi horizontal Atas dan Bawah aktif secara bawaan agar benda panjang lebih mudah disejajarkan.

    1Sumbu Horizontal Ganda

    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.

    2Penggaris Piksel CSS (px)

    Bagaimana cara kerja mode Piksel CSS (px) untuk desainer?

    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.

    3Layar Penuh · Lebar Maksimal

    Bagaimana memaksimalkan panjang pengukuran horizontal di layar?

    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 X/Y & Bidik Silang

    GBR. 06 · KANVAS 2D
    Cetak biru area kerja dengan garis panduan geser X dan Y, kotak ΔX × ΔY, diagonal, dan bidik kursor.
    Padukan panduan X/Y dan bidik silang untuk menangkap panjang, tinggi, dan diagonal sekaligus.

    Lihat Setiap Mekanisme Pengukuran Secara Visual

    Animasi diputar
    012345678910Span Object · ΔX85.60 mm

    Sejajarkan sisi kiri pada titik nol dalam lalu rentangkan pembacaan hingga batas ujung objek.

    ΔX = X₂ − X₁

    Geometri Layar Lebar · Panel 16:9, 16:10 & Ultrawide

    Rentang Pengukuran Horizontal Maksimum Menurut Diagonal Layar

    Lihat seberapa panjang cm dan inci yang muat melintang di ponsel, tablet, laptop, dan monitor.

    Berapa lebar monitor 16:9 atau 16:10 dalam cm dan inci?

    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).

    Bagaimana cara kerja garis panduan vertikal pada penggaris horizontal?

    Klik penggaris atas atau bawah di tepi kiri dan kanan benda; bilah bawah otomatis menghitung jarak horizontal ΔX.

    Bisakah saya memutar ponsel ke lanskap untuk penggaris horizontal lebih panjang?

    Ya. Posisi lanskap menggandakan bentangan horizontal ponsel dari ~6,5 cm menjadi ~13,5–15,0 cm tanpa kehilangan kalibrasi.

    Referensi Geometri Panel Layar (16:9, 16:10 & 21:9)

    Lebar Layar Horizontal Maksimum Menurut Diagonal

    Panel & Rasio AspekLebar Aktif (in)Lebar Aktif (cm / mm)Lebar CSS UmumPenggaris Standar Maks.
    6,1" Ponsel (19,5:9 Lanskap)5,55 in14,1 cm (141 mm)844 – 852 CSS pxHingga 13 cm / 5 in
    11,0" Tablet (4:3)8,80 in22,4 cm (224 mm)1024 – 1194 CSS pxPenggaris 15 cm / 6 in
    13,3" Laptop (16:10 Retina)11,28 in28,6 cm (286 mm)1440 CSS pxHingga 27 cm / 10,5 in
    14,2" MacBook Pro (16:10)11,97 in30,4 cm (304 mm)1512 CSS pxPenuh 30 cm / 11,5 in
    15,6" Laptop Full HD (16:9)13,60 in34,5 cm (345 mm)1536 – 1920 CSS pxPenuh 30 cm & 12 inci
    24,0" Monitor (16:9 1080p)20,92 in53,1 cm (531 mm)1920 CSS pxPenggaris 50 cm / 18 in
    27,0" Monitor (16:9 QHD/4K)23,53 in59,8 cm (598 mm)1920 – 2560 CSS pxPenggaris 58 cm / 22 in
    34,0" Ultrawide (21:9)31,36 in79,7 cm (797 mm)3440 CSS pxPenggaris 75 cm / 30 in

    Rumus lebar horizontal: 16:9 = Diagonal × 0,87158 · 16:10 = Diagonal × 0,84800 · 21:9 = Diagonal × 0,92246.

    FAQ Penggaris Horizontal & Piksel

    Pertanyaan Umum Tentang Penggaris Layar Horizontal

    Semua Pertanyaan Umum

    Apa keunggulan penggaris horizontal dengan sisi atas dan bawah sekaligus?

    +

    Di laptop, engsel bawah menghalangi benda tebal sehingga bilah atas lebih praktis, dan garis vertikal melintasi keduanya mencegah kemiringan.

    Bagaimana memakainya sebagai penggaris piksel CSS (px)?

    +

    Klik 'px' atau tekan tombol 3 untuk melihat koordinat piksel logis W3C penuh dari 0 px.

    Mengapa tanda 0 dimulai 16 piksel di dalam batas kiri?

    +

    Agar tanda nol berada di area kaca datar dan tidak tertutup bayangan bingkai fisik monitor.

    Bisakah saya mengganti penggaris horizontal ke cm, mm, atau inci?

    +

    Tentu, tombol 1, 2, 3, 4 / M serta Ganda cm/in selalu aktif kapan saja.