Konversi px ke rem: px, rem, pt, em, mm
Terakhir diperbarui:
rem dihitung dari ukuran ini, dan di sini em serta % juga. Di CSS, keduanya mengikuti elemen induk, jadi hanya sama dengan rem jika tidak ada elemen induk yang mengubah ukuran font.
1 px = 0,0625 remSemua Hasil
Tabel Referensi Cepat: Piksel → rem (root em)
| Nilai (px) | Hasil (rem) |
|---|---|
| 1 px | 0,0625 rem |
| 8 px | 0,5 rem |
| 10 px | 0,625 rem |
| 12 px | 0,75 rem |
| 14 px | 0,875 rem |
| 16 px | 1 rem |
| 18 px | 1,125 rem |
| 20 px | 1,25 rem |
| 24 px | 1,5 rem |
| 32 px | 2 rem |
| 48 px | 3 rem |
| 64 px | 4 rem |
Tentang px, rem, dan pt
CSS menetapkan 1 inci sebesar 96 px, sehingga 1 pt, yaitu 1/72 inci, sama dengan 1,333 px, dan 1 mm sama dengan 3,78 px. rem dan em bersifat relatif: 1 rem adalah ukuran font root, yaitu 16 px di semua peramban utama kecuali pengunjung mengubahnya, sehingga 24 px sama dengan 1,5 rem. Jika stylesheet menetapkan ukuran root lain, masukkan sebagai ukuran dasar di atas kolom. em mengikuti ukuran font elemen induk, sehingga hanya sama dengan rem jika tidak ada elemen induk yang mengubahnya.
Ukuran teks dan elemen yang umum
Dengan ukuran dasar bawaan 16 px. CSS menetapkan 1 inci sebesar 96 px, sehingga nilai kolom pt dan mm tetap sama berapa pun ukuran dasarnya. Hanya kolom rem yang ikut berubah.
| Ukuran | rem | pt | mm |
|---|---|---|---|
| Teks 10 pt (catatan kaki) | 0,8333 | 10 | 3,528 |
| Ukuran teks bawaan peramban | 1 | 12 | 4,233 |
| Teks 12 pt di pengolah kata | 1 | 12 | 4,233 |
| Judul h2 bawaan | 1,5 | 18 | 6,35 |
| Ukuran target terkecil di WCAG 2.2 (2.5.8) | 1,5 | 18 | 6,35 |
| Judul h1 bawaan | 2 | 24 | 8,467 |
| 1 sentimeter | 2,362 | 28,35 | 10 |
| 1 inci | 6 | 72 | 25,4 |
Sejarah poin dan piksel
Huruf cetak diukur dalam poin jauh sebelum ada layar: para pengecor huruf perlu satuan yang sama agar huruf logam buatan mereka sejajar. Komputer menetapkan poin sebesar 1/72 inci.
- Pierre-Simon Fournier menerbitkan tabel ukuran huruf yang diukur dalam poin tipografi: skalanya membagi inci menjadi 12 baris dan setiap baris menjadi 6 poin.
- Asosiasi Pengecor Huruf Amerika Serikat (Type Founders' Association of the United States) mengadopsi sistem poin untuk badan huruf, yang menetapkan nonpareil sebesar 6 poin dan pica sebesar 12 poin.
- Adobe memperkenalkan PostScript. Satuan panjang pada halamannya adalah 1/72 inci, yang menurut Adobe kira-kira sama dengan poin yang dipakai dalam percetakan.
- CSS 2.1 menjadi Rekomendasi W3C. Standar ini menetapkan 1 inci sebesar 96 px dan 72 pt, sehingga 1 px sama dengan 0,75 pt. Piksel didasarkan pada satu titik di layar 96 dpi yang dilihat dari jarak sejauh lengan.
Sumber: