Penukar Piksel

Apakah penukar piksel?

Penukar piksel menterjemah antara piksel digital dan unit panjang dunia sebenar (milimeter, sentimeter, inci) pada mana-mana DPI yang anda pilih. Piksel CSS menganggap 96 DPI secara lalai, tetapi kerja cetak menggunakan 300 DPI dan cetakan foto boleh mencapai 600 DPI — pada nilai DPI berbeza, bilangan piksel yang sama memetakan kepada saiz fizikal yang sangat berbeza. Taipkan nilai ke dalam mana-mana daripada empat unit, pilih praset DPI yang sepadan dengan konteks anda, dan tiga unit lain dikemas kini secara masa nyata. Setiap keputusan hanya satu klik daripada papan keratan.

Cara menggunakan penukar piksel

1. Taipkan nilai yang anda mahu tukar ke dalam medan input — contohnya, 100.
2. Pilih unit nilai anda: piksel, milimeter, sentimeter atau inci.
3. Pilih praset DPI — 96 DPI untuk web, 300 DPI untuk cetak, atau pilih "Tersuai" untuk memasukkan DPI anda sendiri.
4. Baca nilai yang ditukar untuk tiga unit lain dalam panel keputusan di bawah.
5. Klik Salin di sebelah mana-mana keputusan untuk meletakkannya pada papan keratan anda, atau kongsi URL — input anda kekal sebagai parameter pertanyaan.

Siapa yang menggunakan penukar piksel

• Pelajar: Kerja rumah matematik dan fizik yang melibatkan penukaran piksel ke milimeter, serta latihan resolusi skrin dalam kursus grafik komputer.
• Pereka Web & UI: Menyaiz ikon, padding dan komponen daripada ukuran mockup fizikal (mm) kepada piksel CSS pada DPI rujukan yang betul.
• Pereka Cetak: Menukar eksport piksel Photoshop atau Figma kepada milimeter dan inci pada 300 DPI sebelum dihantar kepada pencetak.
• Jurugambar: Mengira dimensi cetakan fizikal daripada output kamera (cth. 4000 × 3000 px pada 300 DPI mencetak kepada 13.3 × 10 inci).
• Pembangun: Mengesahkan nilai piksel CSS terhadap saiz fizikal yang ditetapkan dalam spesifikasi produk atau aksesibiliti.

Mengapa penukar ini

• Keempat-empat unit (piksel, milimeter, sentimeter, inci) dikemas kini secara masa nyata semasa anda menaip.
• Lima praset DPI terbina dalam meliputi kes biasa — 96 DPI web, 72 DPI Mac legasi, 150/300/600 DPI untuk cetak.
• Input DPI tersuai untuk paparan bukan standard (Retina, monitor DPI tinggi) dan aliran kerja cetak khusus.
• URL boleh dikongsi — nilai, unit sumber dan DPI anda kekal sebagai parameter pertanyaan.
• 100% berasaskan pelayar: tanpa pendaftaran, tiada iklan dalam panel keputusan, dan matematiknya sumber terbuka.

Sejauh mana tepat penukar ini?

Penukar menggunakan nisbah standard 25.4 milimeter-per-inci dan DPI yang anda nyatakan, dikira dalam ketepatan dua kali ganda IEEE 754. Keputusan adalah tepat dalam pembundaran apungan (ralat relatif ≤1×10⁻⁶). Satu-satunya sumber ketidaktepatan dunia sebenar ialah nilai DPI itu sendiri — jika paparan anda sebenarnya tidak berjalan pada DPI yang diandaikan, tentukur dahulu dengan alat Screen Ruler.

Soalan lazim

Apakah piksel?

Piksel ialah unit diskret terkecil bagi paparan atau imej digital. Saiz fizikalnya tidak tetap — ia bergantung pada kepadatan piksel skrin (DPI). Pada paparan web 96 DPI, satu piksel adalah tepat 1/96 inci (kira-kira 0.265 mm); pada cetakan 300 DPI, satu piksel adalah 1/300 inci (kira-kira 0.085 mm).

Apakah DPI dan mengapa ia penting?

DPI (titik per inci) ialah faktor penukaran antara piksel dan panjang fizikal. 100 px yang sama memetakan kepada 26.46 mm pada 96 DPI tetapi hanya 8.47 mm pada 300 DPI. Anda mesti menggunakan DPI medium sasaran — skrin, cetakan atau eksport — supaya penukaran bermakna secara fizikal.

Bagaimana saya menukar piksel kepada milimeter?

Bahagikan bilangan piksel dengan DPI untuk mendapat inci, kemudian darab dengan 25.4 untuk mendapat milimeter: mm = (px / DPI) × 25.4. Untuk 100 px pada 96 DPI: 100/96 × 25.4 ≈ 26.46 mm. Penukar melakukan ini untuk anda secara masa nyata.

Patutkah saya gunakan 72 atau 96 DPI untuk web?

Gunakan 96 DPI. CSS, pelayar dan sistem pengendalian distandardkan pada 96 piksel rujukan per inci pada tahun 1990-an. Nilai 72 DPI ialah legasi daripada tipografi awal Apple (satu piksel = satu titik pencetak) dan kekal berguna hanya untuk aset era Mac tertentu — kerja web moden menganggap 96.

DPI apa yang patut saya gunakan untuk cetak?

Gunakan 300 DPI untuk cetakan majalah dan buku berkualiti tinggi, 150 DPI untuk pruf draf dan kerja format besar, dan 600 DPI hanya untuk cetakan foto, seni garisan halus atau teks di bawah pembesaran berat. Melebihi 300 DPI untuk kerja umum meningkatkan saiz fail tanpa peningkatan yang dapat dilihat pada kebanyakan kertas.

Bagaimana Retina/HiDPI mempengaruhi penukaran?

Paparan Retina dan HiDPI lain menyaji dua atau tiga piksel fizikal bagi setiap piksel CSS. Penukar berfungsi dalam piksel CSS secara lalai, jadi 100 piksel CSS pada 96 DPI adalah betul untuk mana-mana skrin HiDPI. Jika anda memerlukan kiraan piksel fizikal, darabkan dengan nisbah piksel peranti (window.devicePixelRatio dalam pelayar).

Mengapa reka bentuk web saya kelihatan lebih kecil pada monitor 4K?

Kebanyakan sistem pengendalian menjalankan monitor 4K pada penskalaan 150–200%, yang memastikan piksel CSS kelihatan serupa secara visual dengan paparan 1080p. Jika penskalaan tidak aktif, reka bentuk anda akan kelihatan lebih kecil secara fizikal kerana bilangan piksel yang sama meliputi inci sebenar yang lebih sedikit. Laraskan penskalaan DPI dalam tetapan OS, atau gunakan unit rem/peratus dan bukan px tetap.

Mendalami DPI — pilih nombor yang betul sekali untuk selamanya

Setiap penukaran piksel ke panjang hanyalah satu persamaan: panjang = piksel ÷ DPI. Bahagian sukar adalah memilih DPI yang sepadan dengan media tempat output anda akan tinggal. DPI yang salah tidak menghasilkan ralat — ia secara senyap menghasilkan nombor yang betul secara matematik dan salah secara fizikal. Praset di bawah meliputi 95% kerja sebenar.

Kerja web — sentiasa 96 DPI

CSS, pelayar dan sistem pengendalian distandardkan pada 96 piksel rujukan setiap inci pada akhir 1990-an dan angka itu tidak berubah. Setiap pelayar moden menganggap 1 piksel CSS sebagai 1/96 inci tanpa mengira paparan fizikal. Monitor Retina dan 4K render pada ketumpatan fizikal lebih tinggi tetapi OS menskalakan piksel CSS semula ke rujukan 96 DPI, jadi matematik anda kekal sah. Anggap 72 DPI sebagai warisan — ia hanya penting jika anda menarik aset dari Mac sebelum OS X.

Kerja cetak — 150, 300, atau 600 DPI

Kebanyakan majalah, buku dan cetakan foto pengguna menggunakan 300 DPI. Turun ke 150 DPI untuk proof draf dan kerja format besar di mana jarak pandangan menyembunyikan kehilangan resolusi; ia memotong saiz fail kepada separuh dan masih tajam dari satu meter. Naik ke 600 DPI hanya apabila cetakan akan diperiksa rapat — line art halus, lukisan teknikal, teks kecil di kertas berkilat. Melepasi 600 DPI hampir tidak pernah memperbaiki kualiti yang dilihat dan membazirkan ruang cakera.

Retina dan HiDPI — bekerja dalam piksel CSS

Paparan Retina render dua atau tiga piksel fizikal untuk setiap piksel CSS, tetapi OS menyembunyikan ini daripada kod anda. Kekal pada piksel CSS (96 DPI) untuk matematik susun atur. Jika anda perlukan kiraan piksel fizikal sebenar — contohnya semasa menghantar aset bitmap yang patut nampak tajam di setiap peranti — darab dengan window.devicePixelRatio pada masa jalan dan hantar varian @2x atau @3x. Penukar piksel menganggap input sebagai piksel CSS secara lalai; tanda kotak Custom DPI hanya apabila anda benar-benar telah mengukur ketumpatan piksel fizikal paparan yang diketahui.

Corak penukaran biasa

Beberapa nilai piksel muncul begitu kerap sehingga berbaloi untuk diingat. Jadual di bawah menunjukkan apa yang diterjemahkan oleh 100 px, 1000 px, dan lebar Full HD biasa (1920 px) pada empat nilai DPI paling biasa.

Petua praktikal untuk pembangun

Sahkan dalam DevTools dahulu

Sebelum mempercayai penukaran, sahkan pelayar melaporkan 96 DPI rujukan dengan menaip window.matchMedia('(min-resolution: 96dpi)').matches dalam konsol. Pada sistem yang dikonfigurasi dengan betul ini mengembalikan true. Jika ia mengembalikan false, penskalaan OS atau tahap zoom anda bukan lalai dan penukaran memerlukan pelarasan.

Sentiasa eksport pada DPI sasaran

Photoshop, Figma, dan kebanyakan alat reka bentuk eksport pada DPI kanvas secara lalai. Tetapkan DPI kanvas ke media sasaran anda sebelum eksport — eksport kanvas 96-DPI pada 300 DPI tidak sebenarnya mensampel naik imej; ia hanya melabel semula metadata dan mencetak pada satu pertiga daripada saiz fizikal yang dimaksudkan.

Kalibrasi skrin untuk kebenaran asas

Jika kerja anda bergantung pada ketepatan fizikal — mengukur objek pegang tangan terhadap skrin, menentukan saiz ikon mengikut lebar kad kredit yang diketahui — buka alat Screen Ruler dan kalibrasi terhadap kad kredit sebenar dahulu. DPI sebenar skrin anda jarang sepadan dengan helaian spek; kalibrasi mengikat penukaran kepada realiti fizikal.