Konversi satuan ukuran font

1Piksel = 0.75Poin

0.75

Unit tipografi

Poin (pt)0.75

Piksel (px)1

Piksel tak bergantung kepadatan (dp)0.75

Piksel tak bergantung skala (sp)0.75

Alat konversi satuan ukuran font online gratis yang mendukung konversi dua arah real-time dari 4 unit pengaturan huruf/UI yang umum digunakan: pt, px, dp, dan sp. Halaman saat ini mengadopsi hubungan referensi tetap: 1 px = 0,75 pt, 1 pt ≈ 1,333 px. Pada saat yang sama, dalam alat ini, dp dan sp dipetakan ke pt berdasarkan basis referensi yang sama, yang memfasilitasi perbandingan statis cepat antara rancangan desain, deskripsi Web/CSS, dan anotasi UI Android. Perlu diperhatikan bahwa halaman ini tidak membaca penskalaan browser, kerapatan piksel perangkat, penskalaan font Android, atau ukuran cetakan sebenarnya, sehingga lebih cocok untuk perbandingan spesifikasi dan penyatuan dokumen daripada menggantikan pengujian rendering perangkat sebenarnya. Semua penghitungan dilakukan secara lokal di browser, dan data tidak diunggah ke server.

Rekomendasi Terkait

Length Converter

Saat Anda membutuhkan panjang fisik nyata seperti mm, cm, dan in, Anda harus beralih ke pemrosesan satuan panjang.

Konverter Luas

Saat memperkirakan kanvas halaman, luas kertas, atau tata letak pencetakan, sering kali kita perlu tetap memperhatikan kaliber luas.

Konversi Satuan

Anda dapat beralih secara langsung ketika Anda perlu melanjutkan pemrosesan panjang atau unit pendukung lainnya.

Tentang kaliber konversi statis pt, px, dp, sp

pt (titik) adalah satuan ukuran font yang umum dalam konteks penyusunan huruf klasik. Banyak editor dokumen, perangkat lunak presentasi, manual merek, dan spesifikasi font suka menggunakan pt untuk mengekspresikan ukuran teks. px (piksel) lebih umum digunakan di halaman web, draf desain, dan anotasi CSS. Ini menekankan ukuran referensi dalam konteks layar dan antarmuka.

Penting untuk dicatat bahwa px dalam CSS tidak selalu sama dengan piksel fisik pada perangkat, melainkan lebih dekat dengan "piksel referensi". Oleh karena itu, 16 piksel pada gambar desain, 16 piksel pada gaya halaman web, dan ukuran visual akhir yang ditampilkan di layar seluler akan tetap dipengaruhi oleh penskalaan, kepadatan, dan implementasi platform.

dp dan sp lebih umum dalam konteks antarmuka Android. Secara umum, dp lebih condong ke arah ukuran tata letak antarmuka, sedangkan sp lebih condong ke arah ukuran font dan akan mempertimbangkan penskalaan font sistem. Namun, halaman ini bukan simulator runtime. Itu tidak akan membaca kepadatan atau skala font ponsel tertentu. Itu hanya menempatkan unit-unit ini pada penggaris referensi terpadu untuk perbandingan statis.

Halaman ini saat ini menggunakan hubungan referensi tetap: 1 px = 0,75 pt, 1 pt ≈ 1,333 px, dan memetakan dp dan sp ke datum referensi yang sama, yang memfasilitasi penyatuan draf desain, dokumen spesifikasi, dan komunikasi lintas ujung dengan cepat. Ini memecahkan masalah "bagaimana membandingkan dan menulis dokumen", bukan masalah "seberapa besar ukuran tampilan akhir pada perangkat".

Jika sasaran pekerjaan Anda adalah ukuran pencetakan sebenarnya, akurasi milimeter kertas, sistem rem/em browser, atau verifikasi penskalaan font mesin nyata Android, maka Anda harus menggunakan alat panjang yang sesuai, perangkat lunak desain, atau pengujian perangkat nyata. Halaman ini lebih cocok untuk penyusunan spesifikasi, tinjauan awal, dan dokumentasi pengiriman.

Kasus penggunaan

Ubah dengan cepat ukuran font 16 px, 18 px, dan 24 px di draf desain menjadi pt, sehingga memudahkan penulisan ke dalam dokumen PPT, Word, atau spesifikasi merek
Ganti ukuran font 12 pt, 14 pt, dan 18 pt yang diberikan dalam dokumen dengan px untuk memudahkan perbandingan antara front-end dan desainer.
Saat menyampaikan desain web, satukan ukuran font CSS umum dan ukuran pt dalam dokumen presentasi
Dalam deskripsi UI Android, segera ganti pt atau px di draf desain dengan nilai referensi dp dan sp untuk memudahkan komunikasi.
Saat mengatur spesifikasi teks pustaka komponen, satukan penulisan satuan ukuran font tombol, isi teks, judul, dan subjudul.
Satukan ukuran font campuran px dan pt dalam sistem desain historis ke dalam kumpulan tabel perbandingan yang sama untuk mengurangi biaya migrasi
Tambahkan anotasi unit ganda ke dokumen kolaborasi lintas tim sehingga desain, front-end, dan terminal seluler dapat dengan cepat memahami ukuran font yang sama
Saat melakukan inspeksi visual dan QA, konversikan dengan cepat berbagai unit dalam anotasi draf desain dan gaya kode, lalu bandingkan.
Saat menyiapkan manual merek, poster acara, atau templat presentasi, satukan aturan ukuran font ke dalam ukuran referensi sebelum mendistribusikannya.
Siapkan tabel perbandingan ukuran font terpadu untuk email, halaman arahan, H5, dan antarmuka copywriting aplikasi
Dalam pelatihan pendidikan atau berbagi internal, jelaskan perbedaan dan hubungan konversi umum pt, px, dp, sp
Ubah dengan cepat anotasi ukuran font pada tangkapan layar menjadi kumpulan unit lain yang lebih familiar bagi tim untuk memfasilitasi peninjauan dan modifikasi.
Saat membuat dokumentasi produk multi-bahasa, gunakan kaliber konversi terpadu untuk melengkapi contoh ukuran font untuk berbagai platform.
Pada tahap peninjauan awal ketika tidak ada peralatan untuk diuji, konversi statis pertama kali digunakan untuk menentukan dengan cepat apakah tingkat ukuran font kira-kira masuk akal.

Cara Penggunaan

Isikan nilai ukuran font yang diketahui pada kotak input, bilangan bulat pendukung dan desimal.
Pilih unit sumber di sebelah kiri, opsional pt, px, dp, sp.
Pilih unit target di sebelah kanan, dan hasilnya akan segera diperbarui; Anda dapat mengklik tombol tukar tengah jika Anda ingin melihatnya secara terbalik.
Jika Anda ingin melihat semuanya sekaligus, perluas panel hasil untuk melihat korespondensi lengkap nilai dalam 4 unit sekaligus.

Fitur

4 ukuran font/unit UI frekuensi tinggi yang mencakup: pt, px, dp, sp, cocok untuk perbandingan cepat selama desain, front-end, dan pengiriman seluler
Konversi instan dua arah: hasilnya diperbarui segera setelah memasukkan nilainya. Unit sumber dan unit target dapat dialihkan secara bebas tanpa mengklik tombol konversi.
Hubungan referensi tetap bersifat transparan: halaman saat ini menggunakan tolok ukur umum 1 px = 0,75 pt, 1 pt ≈ 1,333 px, yang memfasilitasi kaliber terpadu dari spesifikasi dan rancangan desain
Perbandingan statis yang jelas antara dp dan sp: Halaman ini menempatkan dp dan sp pada penggaris referensi yang sama untuk konversi cepat, yang cocok untuk penulisan dokumen, anotasi, dan komunikasi lintas tim.
Semua hasil dapat diperluas untuk dilihat: nilai yang sesuai dari nilai ukuran font yang sama di bawah pt, px, dp, dan sp dapat ditampilkan secara bersamaan untuk memfasilitasi verifikasi satu kali.
Cocok untuk angka desimal dan nilai antara: nilai non-integer umum dalam desain seperti 13,5 px, 10,5 pt, 14 sp juga dapat langsung dikonversi
Perlihatkan batas rendering dengan jelas: laman akan membedakan "konversi statis" dan "tampilan perangkat sebenarnya" untuk mengurangi risiko salah mengira nilai referensi sebagai ukuran fisik akhir.
Komputasi lokal browser murni: tidak ada permintaan jaringan, tidak ada log server, anotasi desain Anda, spesifikasi komponen, dan parameter dokumen pengiriman tidak akan meninggalkan perangkat

Bagaimana cara memilih satuan ukuran font?

Kami juga menulis tentang "seberapa besar karakternya", dan unit yang berbeda cocok untuk skenario yang berbeda. Pertama-tama cari tahu apakah Anda sedang menulis rancangan desain, gaya web, atau spesifikasi Android.

satuan	skenario yang paling umum	keuntungan	Catatan	Halaman ini mendukung
pt	Word, PPT, PDF, spesifikasi merek, dokumen font	Paling umum dalam penyusunan huruf dan konteks dokumen, mudah diselaraskan dengan deskripsi font	Saat beralih ke konteks layar, yang terbaik adalah menambahkan kolom px untuk perbandingan.	mendukung
piksel	Halaman web, draf desain, anotasi CSS, draf antarmuka	Komunikasi paling langsung antara desain dan front-end adalah yang paling umum selama implementasi.	Bukan piksel fisik mutlak, browser dan perangkat akan mempengaruhi tampilan akhir	mendukung
dp	Tata letak Android dan anotasi antarmuka	Menyesuaikan dimensi logis di seluruh deskripsi perangkat kepadatan	Halaman ini tidak mensimulasikan kepadatan perangkat sebenarnya, hanya melakukan konversi referensi statis.	mendukung
sp	Dimensi teks Android	Cocok untuk konteks teks dan mudah untuk berkomunikasi dengan tim lapangan	Tampilan nyata juga akan dipengaruhi oleh penskalaan font sistem	mendukung
em/rem/mm/dalam	Unit relatif web atau ukuran cetak fisik	Cocok untuk sistem desain dan implementasi tertentu	Ini tidak berada dalam jangkauan dukungan pada halaman saat ini dan perlu diproses dengan alat atau tolok ukur lain.	Tidak didukung

Best Practices

Pertama, sepakati tolok ukur terpadu untuk tim, lalu lakukan perbandingan lintas unit.

Jika desain, front-end, dan terminal seluler tidak memperjelas tolok ukur konversi terlebih dahulu, 16 hal yang sama akan mudah dipahami sebagai ukuran visual yang berbeda. Akan lebih stabil untuk menyatukan kaliber terlebih dahulu, dan kemudian menggunakan halaman ini untuk melengkapi pelabelan unit ganda.

Perlakukan hasil pada halaman ini sebagai nilai referensi untuk penayangan, bukan hasil rendering akhir.

Halaman ini cocok untuk perbandingan statis rancangan desain, dokumen, dan spesifikasi, namun penskalaan browser, kepadatan perangkat, dan pengaturan font sistem dapat menyebabkan sedikit perbedaan pada tampilan sebenarnya. Verifikasi visual tetap harus dilakukan di lingkungan target sebelum online.

Gunakan satuan panjang dan perangkat lunak penyusunan huruf nyata ketika dimensi fisik diperlukan

Jika tujuan Anda adalah memastikan ukuran kertas sebenarnya, keakuratan milimeter dari produk cetakan, atau ukuran fisik PDF yang diekspor, maka jangan hanya melihat hasil konversi statis pt/px/dp/sp.

Teks Android harus mempertimbangkan penskalaan font sistem

kinerja sp pada perangkat nyata dipengaruhi oleh penskalaan font sistem. Halaman ini hanya dapat memberi Anda nilai referensi statis. Dalam hal aksesibilitas dan adaptasi multi-perangkat, Anda harus mengujinya di perangkat nyata.

Web Jika sebenarnya Anda menggunakan rem atau em, perjelas dulu ukuran font root

Halaman ini tidak secara langsung mengubah rem/em, tetapi Anda masih dapat mengembalikan rem/em ke px sesuai dengan ukuran font root proyek, lalu membandingkannya dengan pt atau markup desain. Kuncinya adalah memperjelas konteksnya terlebih dahulu.

Saat melakukan pengiriman, usahakan tetap mempertahankan unit asli dan hasil konversinya.

Misalnya, menulisnya sebagai 16 px / 12 pt atau 14 sp / 14 pt akan memungkinkan penerima dengan cepat memahami maksud awal Anda dan memfasilitasi penelusuran balik selanjutnya.

Pertanyaan Umum

Unit apa yang didukung pengonversi satuan ukuran font ini?

Halaman ini saat ini mendukung 4 unit: pt, px, dp, sp. Cocok untuk perbandingan numerik statis dalam rancangan desain, ukuran font CSS, anotasi UI Android, dan dokumen komponen. Halaman ini tidak mendukung satuan pengaturan huruf/panjang lainnya seperti em, rem, mm, cm, in atau pc.

Berapa banyak px yang sama dengan 1 pt? Berapa banyak pt yang sama dengan 16 piksel?

Menurut hubungan referensi tetap yang saat ini digunakan pada halaman ini, 1 pt ≈ 1,333 px, 1 px = 0,75 pt. Jadi 16 px = 12 pt, 12 pt = 16 px, 18 px = 13,5 pt. Kaliber ini sangat cocok untuk pemeriksaan silang cepat antara rancangan desain web dan dokumen presentasi.

Apa perbedaan antara px dan pt?

pt (titik) lebih fokus pada penyusunan huruf dan konteks dokumen, dan secara historis sering muncul bersamaan dengan pencetakan dan ukuran font; px (piksel) lebih fokus pada layar dan konteks CSS, dan biasanya digunakan pada halaman web dan anotasi rancangan desain. Keduanya dapat digunakan untuk mendeskripsikan ukuran font, namun lingkungan penggunaannya berbeda, sehingga banyak tim perlu melakukan perbandingan konversi antara px dan pt saat mengirimkan desain.

Apa perbedaan antara dp dan sp?

dp biasanya digunakan untuk ekspresi ukuran antarmuka di Android yang terkait dengan kepadatan tetapi tidak mengikuti penskalaan font, dan sp biasanya digunakan untuk ekspresi ukuran teks yang mengikuti penskalaan font. Perlu dicatat bahwa untuk tujuan perbandingan spesifikasi statis, halaman ini tidak membaca kepadatan perangkat sebenarnya atau penskalaan font sistem, tetapi menempatkannya pada basis referensi terpadu untuk konversi linier.

Mengapa nilai yang ditukar di halaman mungkin tidak sama persis dengan yang ditampilkan di perangkat sebenarnya?

Karena efek tampilan sebenarnya akan dipengaruhi oleh penskalaan browser, kepadatan piksel perangkat, ukuran font root, penskalaan font sistem, strategi rendering platform, dan aturan ekspor perangkat lunak desain. Tujuan halaman ini adalah untuk menyatukan kaliber statis, bukan untuk menyimulasikan hasil rendering perangkat sebenarnya. Jadi sebelum akhirnya ditayangkan, sebaiknya Anda tetap melakukan inspeksi visual sebenarnya pada browser atau perangkat target.

Mengapa hubungan antara dp, sp dan pt begitu erat pada alat ini?

Karena halaman saat ini menggunakan kaliber konversi statis di bawah penggaris referensi terpadu, akan lebih mudah bagi Anda untuk dengan cepat membandingkan unit yang berbeda dalam dokumen, rancangan desain, dan spesifikasi, daripada membaca lingkungan rendering perangkat tertentu secara real-time. Anda dapat menganggap ini sebagai "nilai referensi konversi yang dikirimkan", bukan kalkulator piksel sebenarnya di runtime Android.

Apakah bisa ditukar dengan rem, em, mm, cm atau inchi?

Tidak saat ini. Kisaran sebenarnya yang didukung halaman ini hanya empat unit: pt, px, dp, dan sp. Jika Anda memerlukan satuan relatif seperti rem dan em, atau satuan panjang fisik seperti mm, cm, dan in, Anda harus menggunakan dasar desain yang sesuai atau alat panjang lainnya untuk menanganinya secara terpisah.

Apakah halaman ini cocok untuk pencetakan sebenarnya atau penghitungan ukuran cetakan?

Tidak cocok sebagai pengganti langsung perhitungan ukuran cetak sebenarnya. Karena halaman ini saat ini tidak menyediakan satuan panjang fisik seperti mm, cm, dan in, juga tidak menangani DPI printer, media keluaran, dan aturan tata letak dokumen. Jika Anda ingin memastikan ukuran kertas sebenarnya, Anda sebaiknya menggunakan satuan panjang dan perangkat lunak pengaturan huruf sebenarnya untuk verifikasi akhir.

Bisakah saya memasukkan nilai desimal seperti 13,5 piksel?

Bisa. Nilai non-integer seperti 10,5 pt, 13,5 px, dan 14 sp biasanya digunakan dalam sistem desain dan skenario penyesuaian antarmuka. Halaman ini dapat langsung mengonversinya. Hal ini akan memudahkan saat menyampaikan spesifikasi komponen, mengatur dokumen anotasi, dan melakukan perbandingan multi-end.

Bagaimana cara menggunakan alat ini saat melakukan pengiriman desain?

Pendekatan yang lebih aman adalah dengan mempertahankan unit desain asli, dan kemudian menggunakan halaman ini untuk mengisi kolom nilai referensi yang dikonversi. Misalnya, jika rancangan desain ditulis dengan ukuran 16 px, Anda juga dapat menulisnya dengan ukuran 16 px / 12 pt untuk tim front-end atau dokumentasi. Selama tim menyetujui dasar konversi yang sama terlebih dahulu, biaya komunikasi akan jauh lebih rendah.

Bisakah halaman ini digunakan secara offline? Apakah datanya akan diunggah?

Bisa. Setelah halaman dimuat, semua konversi ukuran font dilakukan secara lokal di browser, tanpa permintaan jaringan, tanpa log server, dan tanpa pengiriman formulir. Spesifikasi desain Anda, anotasi komponen, dan parameter dokumen pengiriman tidak akan diunggah ke server, dan masukan akan dihapus setelah halaman ditutup.

Glosarium

titik (pt): Unit ukuran font pengaturan huruf klasik, biasa digunakan dalam dokumen Word, PPT, PDF, spesifikasi merek, dan deskripsi font.
Piksel (px): Salah satu unit antarmuka yang paling umum di halaman web dan rancangan desain, CSS lebih dekat dengan piksel referensi daripada piksel fisik absolut.
piksel independen kepadatan (dp): Unit ukuran logis yang umum dalam konteks Android, digunakan untuk mempertahankan skala antarmuka yang relatif konsisten di seluruh perangkat dengan kepadatan berbeda.
Piksel penskalaan font (sp): Unit umum dalam konteks teks Android biasanya mempertimbangkan penskalaan font sistem, yang cocok untuk mengekspresikan ukuran teks.
Piksel referensi CSS: Konsep panjang referensi yang digunakan dalam tata letak browser belum tentu setara dengan piksel fisik pada layar.
Kepadatan piksel perangkat: Jumlah piksel fisik per satuan panjang layar akan memengaruhi efek tampilan sebenarnya dari unit logis yang sama pada perangkat berbeda.
Penskalaan font: Pengaturan penskalaan tambahan untuk ukuran teks di tingkat sistem operasi atau aplikasi akan mempengaruhi hasil tampilan sebenarnya.
Memperbaiki skala referensi: Konversi linier statis di bawah tolok ukur terpadu cocok untuk perbandingan antara dokumen dan pengiriman desain, namun tidak setara dengan simulasi rendering perangkat nyata.

Periksa dengan cepat titik jangkar konversi ukuran font yang umum

Nilai perbandingan ini paling sering digunakan dalam rancangan desain, CSS, dan pengiriman dokumen.

pt	piksel	dp (kaliber halaman ini)	sp (kaliber halaman ini)	Skenario tipikal
9pt	12 piksel	9dp	9sp	Informasi tambahan minimal, deskripsi sekunder tabel
10,5pt	14 piksel	10.5dp	10.5sp	Teks kecil, teks deskripsi
12pt	16 piksel	12dp	12sp	Teks isi atau formulir umum
13,5pt	18 piksel	13,5dp	13.5sp	Penekanan pada teks dan judul kartu
18pt	24 piksel	18dp	18sp	Judul besar atau informasi kunci halaman
24pt	32 piksel	24dp	24sp	Judul sampul, Judul Pahlawan

Pilih satuan ukuran font menurut adegan

Nilai ukuran font yang sama ditulis dalam unit berbeda dan menyajikan objek kolaborasi berbeda.

pemandangan	Unit yang lebih cocok	alasan
PPT, Word, manual merek, spesifikasi PDF	pt	Yang paling natural dalam konteks dokumen dan penyusunan huruf, serta paling mudah diselaraskan dengan spesifikasi font
Gaya halaman web, draf desain, pengiriman Figma/CSS	piksel	Desain dan implementasi front-end memiliki biaya komunikasi terendah
Deskripsi ukuran tata letak Android	dp	Lebih dekat dengan konteks ukuran logis Android
Petunjuk ukuran teks Android	sp	Ini lebih dekat dengan konteks anotasi font seluler, tetapi pada akhirnya masih bergantung pada penskalaan mesin sebenarnya.
Mengirimkan dokumen ke seluruh tim	Pertahankan satuan asli dan tambahkan kolom nilai konversi	Dapat menangani kebiasaan desain, front-end, dan membaca seluler secara bersamaan

Privacy & Security

Semua konversi ukuran font di halaman ini dilakukan di browser Anda. Anotasi desain, spesifikasi font, dokumen komponen, dan parameter pengiriman yang Anda masukkan tidak pernah meninggalkan perangkat Anda—tidak ada permintaan jaringan, tidak ada log server, dan entri Anda akan dihapus saat Anda menutup halaman. Untuk sistem desain internal dan spesifikasi yang tidak dipublikasikan, halaman ini tidak menangkap atau menyimpan konten apa pun.