Mengapa konverter piksel ke inci memberi hasil berbeda, dan jawaban mana yang Anda butuhkan

Ketik 1920 piksel di tiga konverter dan Anda bisa mendapat tiga jawaban: 20 inci, 26.67 inci, dan 6.4 inci. Tidak satu pun salah hitung. Masing-masing sudah memutuskan apa itu piksel, dan sebagian besar tidak memberi tahu keputusan mana yang mereka ambil.

Satu angka, empat jawaban

Setiap konversi piksel ke inci adalah pembagian yang sama: inci = piksel ÷ piksel per inci. Seluruh perbedaannya ada di pembaginya.

Asumsi konverter	Piksel per inci	1920 px dalam inci	1920 px dalam sentimeter
Piksel CSS	96	20	50.8
Angka Macintosh lama	72	26.6667	67.7333
Gambar yang dicetak pada 150 ppi	150	12.8	32.512
Gambar yang dicetak pada 300 ppi	300	6.4	16.256
Piksel di monitor Anda sendiri	Tergantung layarnya	Tidak diketahui sampai diukur	Tidak diketahui sampai diukur

Jawaban teratas dan jawaban terbawah yang diketahui berselisih lebih dari empat kali lipat (26.6667 ÷ 6.4 = 4.17). Itu bukan pembulatan. Itu tiga pertanyaan berbeda yang berbagi satu kata.

Piksel adalah tiga hal yang berbeda

Piksel CSS adalah 1/96 inci CSS, menurut definisi. Spesifikasi CSS Values and Units Level 4 (§6.2, Absolute lengths) menetapkan 1in = 2.54cm = 96px, jadi 96 bukan rata-rata dan bukan pengaturan. Angka itu adalah pembagi yang tepat untuk apa pun yang ditulis di stylesheet, diatur di alat desain yang menghasilkan CSS, atau diukur di browser. Bagian yang sama mendefinisikan reference pixel sebagai sudut pandang satu piksel pada 96 dpi yang dilihat dari jarak sepanjang lengan, sekitar 0.0213 derajat pada jarak nominal 28 inci.

Piksel gambar tidak punya ukuran fisik sampai dicetak. Incinya bergantung pada resolusi cetak yang Anda pakai. Dokumentasi Adobe tentang Image Size dengan resampling dimatikan menjelaskan hal ini dengan tepat: mengubah resolusi hanya mengubah ukuran cetak, tidak mengubah dimensi piksel, ukuran file, maupun tampilan gambar di layar.

Piksel perangkat keras adalah titik fisik di satu layar tertentu. Satu piksel CSS mencakup sebanyak devicePixelRatio titik tersebut, yang pada ponsel atau laptop berkepadatan tinggi berjumlah beberapa. Spesifikasi itu merekomendasikan agar layar menambatkan ukuran panjangnya ke piksel dan media cetak menambatkannya ke satuan fisik. Akibatnya: di media cetak, satu inci CSS adalah satu inci sungguhan; di layar, satu inci CSS adalah 96 piksel CSS, berapa pun panjang sebenarnya di permukaan kaca.

Asal-usul angka 72 dan 96

Macintosh tahun 1984 punya layar 72 ppi, jadi satu poin tipografi (1/72 inci) sama persis dengan satu piksel, dan yang Anda lihat sesuai dengan kertas. Windows melaporkan layar dengan kepadatan yang kurang lebih sama sebagai 96 dpi “logis”, sepertiga lebih besar (96 ÷ 72 = 4/3), agar teks 10 poin mendapat cukup piksel untuk terbaca. Tim tipografi Microsoft menceritakan kisah ini dalam “Where does 96 DPI come from in Windows?”, dan CSS kemudian mengadopsi angka Windows sebagai rasio piksel terhadap inci.

Angka 72 bertahan di dua tempat: sebagai nilai default kolom resolusi di perangkat lunak gambar, dan sebagai anggapan bahwa 72 dpi adalah “resolusi web”. Anggapan itu tidak pernah benar. Browser mengabaikan resolusi yang tersimpan di gambar dan menggambar pikselnya sebagai piksel CSS, diskalakan dengan device pixel ratio. Kolom itu baru berpengaruh setelah file dicetak atau ditempatkan ke tata letak cetak. Konverter yang membagi dengan 72 untuk web memberi jawaban sepertiga lebih besar dari jawaban CSS: 26.6667 ÷ 20 = 1.333.

Asumsi konverter di hasil pencarian

Saat kami memeriksa sepuluh hasil teratas untuk “px to inches” pada Oktober 2026, dua pola mencakup hampir semuanya:

• Satu rumus untuk semuanya. Halaman yang paling umum menyatakan bahwa 1 inci adalah 96 piksel “untuk web”, lalu menerapkan rumus inci = px ÷ PPI yang sama untuk web, cetak, dan perangkat, tanpa membedakan piksel CSS, piksel gambar, dan piksel perangkat keras, serta tanpa menyebut devicePixelRatio.
• Preset tanpa default yang dinyatakan. Halaman lain menawarkan 72, 96, dan 300 sebagai preset dan menyebut 72 atau 96 sebagai “standar historis” untuk web, tanpa menyebut mana yang dipakai untuk hasilnya.

Konverter px ke rem yang diperiksa pada waktu yang sama menunjukkan kebiasaan yang sama: hampir semuanya mengasumsikan root 16px dengan basis yang bisa diedit, dan tidak satu pun menampilkan perhitungan di balik setiap hasil.

Semua ini bukan kesalahan perhitungan. Ini premis yang tidak dinyatakan, dan pengunjung dengan premis berbeda mendapat angka salah yang disampaikan dengan yakin. Seseorang yang mengirim gambar 1920 piksel ke printer 300 ppi lalu membaca “20 inci” telah diberi tahu bahwa hasil cetaknya akan lebih dari tiga kali lebih lebar dari kenyataannya (20 ÷ 6.4 = 3.125).

Jawaban mana yang Anda butuhkan

Menulis CSS atau mengukur di browser: 96

Bagi dengan 96, selalu. 1920 piksel CSS adalah 20 inci CSS. Di stylesheet cetak, itu inci sungguhan; di monitor bukan, dan tidak ada apa pun di CSS yang bisa membuatnya begitu.

Mengirim gambar ke kertas: resolusi cetak Anda

Inci = piksel ÷ ppi, dan piksel yang dibutuhkan = inci × ppi. 300 ppi adalah konvensi industri untuk cetakan yang dilihat dari dekat; itu konvensi, bukan standar. Percetakan biasanya menyebut “dpi” padahal maksudnya ppi. Secara tepat, PPI adalah piksel per inci dalam sebuah gambar dan DPI adalah titik tinta yang diletakkan printer, tetapi permintaan “gambar 300 dpi” berarti 300 piksel per inci.

Mengetahui seberapa besar sesuatu tampak di layar Anda: ukur

Tidak ada antarmuka web yang melaporkan ukuran fisik atau kepadatan sebenarnya dari sebuah layar. devicePixelRatio memberi jumlah piksel perangkat keras per piksel CSS dan tidak menyatakan apa pun tentang panjang. Benda dengan ukuran yang diketahui adalah satu-satunya acuan yang jujur, dan yang paling jelas ada di dompet Anda: kartu bank dan sebagian besar kartu identitas berukuran 85.60 × 53.98 mm menurut ISO/IEC 7810.

Misalkan sebuah persegi panjang sama dengan sisi panjang kartu pada 400 piksel CSS. 85.60 mm adalah 3.3701 inci, jadi 400 ÷ 3.3701 = 118.7 piksel CSS per inci sungguhan, dan satu inci CSS berukuran 96 ÷ 118.7 = 0.81 inci sungguhan, atau 20.5 mm. Zoom browser mengubah ukuran piksel CSS, jadi angka itu hanya berlaku pada tingkat zoom saat pengukuran dilakukan.

Melakukannya di pixel converter

1. Buka pixel converter dan jawab pertanyaan pertamanya, yaitu untuk apa piksel tersebut: “For CSS”, “For print”, atau “On this screen”.
2. Ketik ukurannya di “Value”. Angka saja akan memakai satuan di menu “From”; jika Anda juga mengetik satuannya, seperti 1920px atau 8.5in, menu akan diatur otomatis.
3. Atur satu hal yang menentukan jawabannya. Untuk cetak, pilih 72, 96, 150, 300, atau 600, atau ketik resolusi Anda sendiri di sebelahnya, lalu tabel ukuran kertas dalam piksel utuh akan muncul di bawah hasil. Untuk CSS, kolom “Root font size”, “Parent font size”, dan “Viewport width” menentukan basis untuk rem, em, dan vw.
4. Untuk “On this screen”, tempelkan kartu secara rata ke persegi panjang di bawah “Measure this screen with a bank card”, dengan sudut kartu di sudut kiri atas persegi panjang, lalu atur slider atau tombol − dan + (setengah piksel per tekan) sampai tepi kanannya sejajar. Di ponsel yang sempit, tekan “Use the short edge” dan cocokkan sisi 53.98 mm. Sebelum Anda mengukur, mode ini menampilkan inci CSS, dan akan meminta Anda mengukur ulang jika zoom berubah.
5. Baca kartu hasil. Masing-masing menampilkan perhitungannya; pada 300 ppi, 1920 piksel terbaca “1920px ÷ 300 = 6.4in (300 px per inch)”. Tombol copy mengambil nilai beserta satuannya.

Cara lain untuk melakukannya

Tidak ada konverter bawaan di macOS atau Windows yang bisa kami tunjukkan, dan dua arti pertama memang tidak membutuhkannya: cukup satu pembagian di kalkulator apa pun, dibagi 96 untuk CSS atau dibagi resolusi cetak Anda untuk kertas. Arti ketiga sama sekali tidak punya rumus, karena tidak ada apa pun di halaman web yang tahu seberapa besar layarnya. Celah itulah yang diisi oleh kartu tadi.

Memastikan tidak ada yang dikirim

Perhitungannya berjalan di dalam tab. Hasil pengukuran layar disimpan di penyimpanan milik browser ini sendiri agar Anda tidak perlu mengulanginya, dan tidak keluar dari perangkat Anda. Untuk memastikannya, buka developer tools browser Anda di tab Network, lalu ketik nilai dan ganti mode: tidak boleh ada request baru yang muncul.

Mulailah dengan pixel converter dan pertanyaan yang diajukannya pertama kali. Untuk tabel acuan dua arah dan ukuran kertas dalam piksel utuh, lihat pixels to inches dan pixels to centimetres; untuk pertanyaan ukuran root di balik rem, lihat px to rem.