Konverter Piksel

Apa itu konverter piksel?

Konverter piksel menerjemahkan antara piksel digital dan satuan panjang dunia nyata (milimeter, sentimeter, inch) pada DPI yang Anda pilih. Piksel CSS mengasumsikan 96 DPI secara default, tetapi pekerjaan cetak menggunakan 300 DPI dan cetak foto bisa mencapai 600 DPI — pada nilai DPI yang berbeda, jumlah piksel yang sama dipetakan ke ukuran fisik yang sangat berbeda. Ketik nilai ke salah satu dari empat satuan, pilih preset DPI yang sesuai dengan konteks Anda, dan tiga satuan lainnya akan diperbarui secara real-time. Setiap hasil hanya satu klik dari clipboard.

Cara menggunakan konverter piksel

1. Ketik nilai yang ingin Anda konversi ke kolom input — misalnya, 100.
2. Pilih satuan nilai Anda: piksel, milimeter, sentimeter, atau inch.
3. Pilih preset DPI — 96 DPI untuk web, 300 DPI untuk cetak, atau pilih "Custom" untuk memasukkan DPI Anda sendiri.
4. Baca nilai yang dikonversi untuk tiga satuan lainnya di panel hasil di bawah.
5. Klik Salin di samping hasil mana pun untuk menyalinnya ke clipboard, atau bagikan URL — input Anda tetap tersimpan sebagai parameter kueri.

Siapa yang menggunakan konverter piksel

• Siswa: Tugas matematika dan fisika yang melibatkan konversi piksel ke milimeter, plus latihan resolusi layar dalam mata kuliah grafika komputer.
• Desainer web & UI: Mengukur ikon, padding, dan komponen dari pengukuran mockup fisik (mm) ke piksel CSS pada DPI referensi yang tepat.
• Desainer cetak: Mengonversi ekspor piksel Photoshop atau Figma ke milimeter dan inch pada 300 DPI sebelum dikirim ke percetakan.
• Fotografer: Menghitung dimensi cetak fisik dari output kamera (mis. 4000 × 3000 px pada 300 DPI mencetak ke 13,3 × 10 inch).
• Developer: Memvalidasi nilai piksel CSS terhadap ukuran fisik yang ditentukan dalam spesifikasi produk atau aksesibilitas.

Mengapa konverter ini

• Keempat satuan (piksel, milimeter, sentimeter, inch) diperbarui secara real-time saat Anda mengetik.
• Lima preset DPI bawaan mencakup kasus umum — 96 DPI web, 72 DPI legacy Mac, 150/300/600 DPI untuk cetak.
• Input DPI kustom untuk layar non-standar (Retina, monitor high-DPI) dan alur kerja cetak khusus.
• URL yang dapat dibagikan — nilai, satuan sumber, dan DPI Anda tetap tersimpan sebagai parameter kueri.
• 100% berbasis browser: tanpa daftar, tanpa iklan di panel hasil, dan kalkulasinya open source.

Seberapa akurat konverter ini?

Konverter ini menggunakan rasio standar 25,4 milimeter per inch dan DPI yang Anda tentukan, dihitung dalam presisi ganda IEEE 754. Hasilnya tepat dalam batas pembulatan float (≤1×10⁻⁶ kesalahan relatif). Satu-satunya sumber ketidakakuratan dunia nyata adalah nilai DPI itu sendiri — jika layar Anda sebenarnya tidak berjalan pada DPI yang diasumsikan, kalibrasi terlebih dahulu dengan alat Screen Ruler.

Pertanyaan yang sering diajukan

Apa itu piksel?

Piksel adalah unit diskrit terkecil dari layar atau gambar digital. Ukuran fisiknya tidak tetap — bergantung pada kepadatan piksel layar (DPI). Pada layar web 96 DPI, satu piksel adalah tepat 1/96 inch (sekitar 0,265 mm); pada cetakan 300 DPI, satu piksel adalah 1/300 inch (sekitar 0,085 mm).

Apa itu DPI dan mengapa penting?

DPI (titik per inci, dots per inch) adalah faktor konversi antara piksel dan panjang fisik. 100 px yang sama dipetakan menjadi 26,46 mm pada 96 DPI tetapi hanya 8,47 mm pada 300 DPI. Anda harus menggunakan DPI dari medium target — layar, cetakan, atau ekspor — agar konversinya bermakna secara fisik.

Bagaimana cara mengonversi piksel ke milimeter?

Bagi jumlah piksel dengan DPI untuk mendapatkan inch, lalu kalikan dengan 25,4 untuk mendapatkan milimeter: mm = (px / DPI) × 25,4. Untuk 100 px pada 96 DPI: 100/96 × 25,4 ≈ 26,46 mm. Konverter ini melakukannya untuk Anda secara real-time.

Haruskah saya menggunakan 72 atau 96 DPI untuk web?

Gunakan 96 DPI. CSS, browser, dan sistem operasi distandarisasi pada 96 piksel referensi per inch sejak tahun 1990-an. Nilai 72 DPI adalah peninggalan tipografi Apple awal (satu piksel = satu point printer) dan hanya berguna untuk aset era Mac tertentu — pekerjaan web modern mengasumsikan 96.

Berapa DPI yang harus saya gunakan untuk cetak?

Gunakan 300 DPI untuk cetak majalah dan buku berkualitas tinggi, 150 DPI untuk proof draf dan pekerjaan format besar, dan 600 DPI hanya untuk cetak foto, line art halus, atau teks di bawah pembesaran berat. Melebihi 300 DPI untuk pekerjaan umum meningkatkan ukuran file tanpa peningkatan yang terlihat pada kebanyakan kertas.

Bagaimana Retina/HiDPI memengaruhi konversi?

Layar Retina dan HiDPI lainnya merender dua atau tiga piksel fisik untuk setiap piksel CSS. Konverter ini bekerja dalam piksel CSS secara default, jadi 100 CSS px pada 96 DPI sudah benar untuk layar HiDPI mana pun. Jika Anda membutuhkan jumlah piksel fisik, kalikan dengan device pixel ratio (window.devicePixelRatio di browser).

Mengapa desain web saya terlihat lebih kecil di monitor 4K?

Sebagian besar sistem operasi menjalankan monitor 4K pada penskalaan 150–200%, yang membuat piksel CSS terlihat mirip dengan layar 1080p. Jika penskalaan dimatikan, desain Anda akan terlihat lebih kecil secara fisik karena jumlah piksel yang sama mencakup inch nyata yang lebih sedikit. Sesuaikan penskalaan DPI di pengaturan OS, atau gunakan satuan rem/persen alih-alih px tetap.

Pendalaman DPI — pilih angka yang tepat sekali untuk seterusnya

Setiap konversi piksel ke panjang hanyalah satu persamaan: panjang = piksel ÷ DPI. Bagian sulitnya adalah memilih DPI yang sesuai dengan medium tempat output Anda akan tinggal. DPI yang salah tidak menghasilkan error — ia secara diam-diam menghasilkan angka yang benar secara matematis dan salah secara fisik. Preset di bawah mencakup 95% pekerjaan nyata.

Pekerjaan web — selalu 96 DPI

CSS, browser, dan sistem operasi distandarkan pada 96 piksel referensi per inci di akhir 1990-an dan angka itu belum bergerak. Setiap browser modern memperlakukan 1 piksel CSS sebagai 1/96 inci terlepas dari tampilan fisiknya. Monitor Retina dan 4K merender pada kerapatan fisik lebih tinggi tetapi OS menskalakan piksel CSS kembali ke referensi 96 DPI, jadi matematika Anda tetap valid. Anggap 72 DPI sebagai warisan — ia hanya penting jika Anda menarik aset dari Mac pra-OS-X.

Pekerjaan cetak — 150, 300, atau 600 DPI

Mayoritas majalah, buku, dan cetakan foto konsumen menggunakan 300 DPI. Turunkan ke 150 DPI untuk proof draft dan pekerjaan format besar di mana jarak pandang menyembunyikan kehilangan resolusi; itu memotong ukuran file menjadi setengah dan tetap terbaca tajam dari satu meter. Naik ke 600 DPI hanya saat cetakan akan diperiksa dari dekat — line art halus, gambar teknik, teks kecil di kertas glossy. Melebihi 600 DPI hampir tidak pernah memperbaiki kualitas yang terlihat dan menghabiskan ruang disk.

Retina dan HiDPI — bekerja dalam piksel CSS

Tampilan Retina merender dua atau tiga piksel fisik untuk setiap piksel CSS, tetapi OS menyembunyikan ini dari kode Anda. Tetap di piksel CSS (96 DPI) untuk matematika layout. Jika Anda membutuhkan jumlah piksel fisik aktual — misalnya saat mengirim aset bitmap yang harus tajam di setiap perangkat — kalikan dengan window.devicePixelRatio saat runtime dan kirim varian @2x atau @3x. Konverter piksel memperlakukan input sebagai piksel CSS secara default; centang kotak Custom DPI hanya saat Anda benar-benar telah mengukur kerapatan piksel fisik dari tampilan yang diketahui.

Pola konversi umum

Beberapa nilai piksel sangat sering muncul sehingga layak diingat. Tabel di bawah menunjukkan apa yang 100 px, 1000 px, dan lebar Full HD tipikal (1920 px) terjemahkan menjadi pada empat nilai DPI paling umum.

Tips praktis untuk pengembang

Verifikasi di DevTools dulu

Sebelum mempercayai konversi, konfirmasikan browser melaporkan 96 DPI referensi dengan mengetik window.matchMedia('(min-resolution: 96dpi)').matches di konsol. Pada sistem yang dikonfigurasi benar ini mengembalikan true. Jika mengembalikan false, skala OS atau level zoom Anda non-default dan konversi perlu disesuaikan.

Selalu ekspor pada DPI target

Photoshop, Figma, dan kebanyakan alat desain mengekspor pada DPI kanvas secara default. Atur DPI kanvas ke medium target Anda sebelum mengekspor — mengekspor kanvas 96-DPI pada 300 DPI tidak sebenarnya menaikkan sampel gambar; ia hanya melabeli ulang metadata dan mencetak pada sepertiga dari ukuran fisik yang dimaksudkan.

Kalibrasi layar untuk kebenaran dasar

Jika pekerjaan Anda bergantung pada akurasi fisik — mengukur objek genggam terhadap layar, menentukan ukuran ikon sesuai lebar kartu kredit yang diketahui — buka alat Screen Ruler dan kalibrasikan terhadap kartu kredit asli terlebih dahulu. DPI aktual layar Anda jarang cocok dengan lembar spek; kalibrasi mengikat konversi ke realitas fisik.