DevToolPal
ID

Satuan CSS

Konverter px ke em

Konversi piksel (px) ke em (em). 1 px = 0,0625 em, dan 1 em = 16 px.

Rumus

em = px ÷ 16

Cara mengonversi

Untuk mengonversi piksel ke em, bagi nilainya dengan 16. Contohnya, 32 px = 2 em.

Tabel konversi

px em
1 px 0,0625 em
2 px 0,125 em
4 px 0,25 em
8 px 0,5 em
10 px 0,625 em
12 px 0,75 em
14 px 0,875 em
16 px 1 em
18 px 1,125 em
20 px 1,25 em
24 px 1,5 em
32 px 2 em
48 px 3 em
64 px 4 em

Tabel ini mengasumsikan ukuran font dasar 16px. Ubah pengaturan di konverter di atas agar sesuai dengan proyek Anda.

Tentang satuan ini

Browser mengubah setiap panjang CSS menjadi piksel. rem relatif terhadap ukuran font root dan em terhadap ukuran font elemen induk; keduanya 16px di semua browser utama kecuali diubah oleh halaman atau pengguna. 1pt adalah 1/72 inci dan 1px adalah 1/96 inci, jadi 1pt = 1,333px. vw adalah 1% lebar viewport, sehingga ukurannya dalam piksel bergantung pada layar.

FAQ

› Bagaimana cara mengonversi px ke em?

1 px = 0,0625 em. Untuk mengonversi, bagi nilainya dengan 16: 32 px = 2 em.

› Berapa 1 em dalam px?

1 em = 16 px. Rumus kebalikannya adalah px = em × 16.

› Mengapa memakai rem, bukan px?

Ukuran rem mengikuti pengaturan ukuran font di browser pengguna, yang membantu aksesibilitas, dan mengubah satu nilai root akan menskalakan seluruh tata letak secara konsisten.

› Apa beda rem dan em?

rem selalu memakai ukuran font root (html). em memakai ukuran font elemen induk, sehingga nilai em yang bersarang akan saling mengalikan.