Referensi Teknis · Optika Layar & Satuan W3C CSS · November 2026

Panduan Lengkap Kalibrasi Layar & Pengukuran PPI

Kalibrasi layar menjembatani jarak antara piksel CSS abstrak 96-PPI W3C dengan jarak piksel fisik milimeter panel perangkat Anda.

Kalibrasi Layar Anda Buka Penggaris Online

Bagian 01 · Matematika Piksel

Apa beda PPI fisik dan piksel CSS?

PPI fisik bersifat tetap pada panel (√(W² + H²) / diagonalInci), sementara piksel CSS adalah 1/96 inci CSS (3,7795 px/mm). Saat OS menerapkan HiDPI (devicePixelRatio), kami menyimpan pxPerMm dan kerapatan fisik tahan-zoom devicePxPerMm = pxPerMm × dpr.

Bagian 02 · Standar Fisik

Mengapa standar kartu ISO/IEC 7810 ID-1 ideal untuk kalibrasi?

Semua kartu bank/identitas standar berukuran tepat 85,60 × 53,98 mm. Menyamakan kotak layar mengukur pxPerMm = cardWidthPx / 85.60 secara langsung tanpa terkecoh skala virtual OS.

Bagian 03 · Pembagian Skala

Bagaimana tanda milimeter dan pecahan 1/16″ dihitung?

Mengacu standar NIST/BIPM (1 in = 25,4 mm tepat), mode cm dan mm menggambar tiap 1,0 / 5,0 / 10,0 mm, sedangkan Inci membagi 25,4 mm menjadi 16 langkah 1,5875 mm.

Bagian 04 · Standar Verifikasi Tambahan

Koin, uang kertas, dan kertas apa yang bisa memverifikasi kalibrasi?

Penny AS (19,05 mm), 1 Euro (23,25 mm), Quarter AS (24,26 mm), baterai AA (50,50 mm), dan lebar pendek kertas ISO A4 (210,0 mm).

Bagian 05 · Zoom & Multi-Monitor

Bagaimana Online Ruler Plus menangani zoom browser dan monitor luar?

Profil devicePxPerMm tersimpan per resolusi layar di localStorage; perubahan zoom otomatis dihitung ulang dan perpindahan monitor memicu notifikasi verifikasi.

Bagian 06 · Contoh Hitungan & Matriks HiDPI

Hubungan CSS PPI, PPI Fisik, dan devicePxPerMm pada Layar

Rumus Pythagoras pada piksel CSS di zoom 100% memberi CSS px/mm, dan dikali window.devicePixelRatio memberi devicePxPerMm tahan-zoom.

Tabel Contoh Kerapatan Menurut Layar & Skala OS

Konfigurasi Layar	Resolusi CSS	CSS PPI Efektif	CSS px/mm	devicePxPerMm
14,2" Laptop (Mac Retina / 2× DPR)	1512 × 982 CSS px (DPR 2,0)	127,0 CSS PPI	5,000 CSS px/mm	10,000 device px/mm
15,6" Laptop Windows (Skala 125%)	1536 × 864 CSS px (DPR 1,25)	113,0 CSS PPI	4,448 CSS px/mm	5,560 device px/mm
24" Monitor 1080p (100%)	1920 × 1080 CSS px (DPR 1,0)	91,8 CSS PPI	3,614 CSS px/mm	3,614 device px/mm
27" Monitor 4K UHD (Skala 150%)	2560 × 1440 CSS px (DPR 1,5)	108,8 CSS PPI	4,283 CSS px/mm	6,425 device px/mm
6,1" Ponsel OLED (3× DPR)	390 × 844 CSS px (DPR 3,0)	152,4 CSS PPI	6,000 CSS px/mm	18,000 device px/mm

Catatan Penskalaan OS

Mengapa kalibrasi kartu lebih akurat daripada perkiraan diagonal

Skala pecahan Windows 125%/150% atau resolusi terskala macOS mengubah CSS PPI efektif via framebuffer virtual. Kartu fisik 85,60 mm mengukur hasil akhir langsung di kaca.

Kendala Ponsel · Layar Sempit

Mengapa ponsel memakai Kalibrasi Kartu Potret (53,98 mm)

Lebar ponsel potret (58–72 mm) lebih sempit dari kartu lanskap (85,60 mm). Mode Kartu Potret mengkalibrasi sisi pendek 53,98 mm dengan presisi 1:1.

Windows 125%/150% & Android Chrome

Cara Kalibrasi Laptop Windows Berskala & HP Android

Pada laptop Windows 10/11 dengan skala ClearType 125%/150% atau Chrome Android (~360–412 px CSS), pertahankan zoom browser di 100%, pilih Mode Kartu Potret (53.98 mm) di Android, lalu sesuaikan tepinya dengan kartu fisik.

Bagian 07 · Fisika Layar & Batas Ketelitian

Paralaks Kaca Pelindung & Batas Toleransi Praktis

Ketebalan kaca (0,5–1,5 mm, indeks bias n ≈ 1,5) membuat pandangan miring 30° bergeser ~0,3–0,5 mm.

Arahkan mata lurus 90° di atas garis panduan dan gunakan jangka sorong fisik jika toleransi teknik lebih ketat dari ±0,25 mm.

Tabel Referensi Benda Verifikasi Fisik Resmi

Setelah menyimpan kalibrasi, tempelkan perlahan salah satu benda berikut untuk cek akurasi:

Objek Referensi	Metrik (mm)	Imperial (in)	Standar Resmi
Kartu Bank ISO/IEC 7810 ID-1 (Lebar)	85,60 mm	3,370 in	ISO/IEC 7810:2019 ID-1
Kartu Bank ISO/IEC 7810 ID-1 (Tinggi)	53,98 mm	2,125 in	ISO/IEC 7810:2019 ID-1
Koin Penny 1 Sen AS (Diameter)	19,05 mm	0,750 in (3/4″)	United States Mint
Koin Nikel 5 Sen AS (Diameter)	21,21 mm	0,835 in	United States Mint
Koin 1 Euro (Diameter)	23,25 mm	0,915 in	Bank Sentral Eropa
Koin Quarter AS (Diameter)	24,26 mm	0,955 in	United States Mint
Koin 2 Euro (Diameter)	25,75 mm	1,014 in	Bank Sentral Eropa
Baterai AA Standar (Panjang)	50,50 mm	1,988 in	IEC R6 / ANSI 15
Uang Kertas Dolar AS (Lebar)	155,96 mm	6,140 in	Bureau of Engraving & Printing
Kertas ISO 216 A4 (Sisi Pendek)	210,00 mm	8,268 in	Seri Kertas ISO 216

Cetak Biru Kalibrasi

Pahami Kalibrasi Skala Nyata Langkah Demi Langkah

Lihat mengapa nilai bawaan 96 PPI meleset dan bagaimana satu kartu mengunci ukuran fisik 1:1.

Panduan Gerak Interaktif

Lihat Setiap Mekanisme Pengukuran Secara Visual

Sejajarkan kartu fisik ISO/IEC 7810 ID-1 pada titik (0, 0) lalu geser pegangan tepi hingga pas.

85.60 × 53.98 mm