Cara menggunakan
- Pilih satuan yang Anda punya (pt, px, mm, em, atau %) dan masukkan ukurannya.
- Semua satuan lain ditampilkan sekaligus bersama pratinjau.
- Untuk em, rem, dan %, atur ukuran dasar; browser biasanya memakai 16 px.
Penjelasan opsi
- Point dan piksel
- Satu point = 1/72 inci dan CSS mendefinisikan satu piksel sebagai 1/96 inci, sehingga 1 pt = 4/3 px dan 12 pt = 16 px.
- Milimeter
- 1 pt = 25,4 ÷ 72 ≈ 0,353 mm. Ini adalah ukuran fisik body type dan berlaku saat mencetak.
- em, rem, dan persen
- Satuan ini adalah kelipatan ukuran dasar. Dengan dasar 16 px, 1 em = 1 rem = 100% = 16 px = 12 pt.
- Ukuran Tiongkok (号)
- Pengolah kata Tiongkok memakai nama ukuran, dari 初号 (42 pt) sampai 八号 (5 pt). Ukuran ini juga dapat dikonversi.
Ukuran umum
| pt | px | em (basis 16 px) |
|---|---|---|
| 9 | 12 | 0,75 |
| 10,5 | 14 | 0,875 |
| 12 | 16 | 1 |
| 14 | 18,67 | 1,1667 |
| 18 | 24 | 1,5 |
| 24 | 32 | 2 |
Ukuran web dalam piksel, poin, dan rem
Dengan default browser 16 px sebagai ukuran dasar:
| Piksel | Poin | rem / em | Penggunaan umum |
|---|---|---|---|
| 12 px | 9 pt | 0,75 rem | Keterangan, catatan kaki |
| 14 px | 10,5 pt | 0,875 rem | Teks kecil, label |
| 16 px | 12 pt | 1 rem | Teks isi |
| 18 px | 13,5 pt | 1,125 rem | Teks isi besar, paragraf pembuka |
| 20 px | 15 pt | 1,25 rem | Judul kecil |
| 24 px | 18 pt | 1,5 rem | Judul |
| 32 px | 24 pt | 2 rem | Judul halaman |
Satuan mana yang dipakai
pt (poin) untuk cetak dan pengolah kata: 1 pt adalah 1/72 inci, jadi teks 12 pt berukuran fisik sama di printer mana pun.
px (piksel CSS) untuk layar: 1 px didefinisikan sebagai 1/96 inci pada zoom normal, sehingga 12 pt sama dengan 16 px.
rem dan em bersifat relatif. 1 rem adalah ukuran font akar (biasanya 16 px); 1 em adalah ukuran font elemen induk. Memakai rem untuk teks membuat orang yang mengatur font default lebih besar di browsernya mendapat teks lebih besar di mana-mana.
Milimeter membantu saat mencocokkan contoh cetak: ukur tinggi huruf kapital dan ukuran teks isi kira-kira 1,4 kali tinggi itu, tergantung jenis hurufnya.
Pertanyaan yang sering diajukan
Berapa piksel untuk 12 pt?
16 px. Kalikan point dengan 4/3 untuk mendapatkan piksel CSS, atau kalikan piksel dengan 0,75 untuk mendapatkan point.
Apa perbedaan em dan rem?
rem relatif terhadap ukuran font root html, sedangkan em relatif terhadap ukuran font elemen induk. Tanpa pengaturan lain, keduanya 16 px.
Mengapa ukuran teks di layar tidak sama dengan hasil konversi?
Piksel CSS adalah satuan logis 96 DPI. Ukuran fisik di layar bergantung pada kepadatan piksel dan zoom sistem; point dan milimeter tepat terutama saat mencetak.
Privasi
Alat ini berjalan sepenuhnya di browser Anda. File dan teks Anda diproses di perangkat Anda dan tidak pernah diunggah ke server kami.