DevToolPal
ID

Satuan CSS

Konverter em ke px

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

Rumus

px = em × 16

Cara mengonversi

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

Tabel konversi

em px
0,25 em 4 px
0,5 em 8 px
0,75 em 12 px
0,875 em 14 px
1 em 16 px
1,25 em 20 px
1,5 em 24 px
2 em 32 px
2,5 em 40 px
3 em 48 px
4 em 64 px

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 em ke px?

1 em = 16 px. Untuk mengonversi, kalikan nilainya dengan 16: 2 em = 32 px.

› Berapa 1 px dalam em?

1 px = 0,0625 em. Rumus kebalikannya adalah em = px ÷ 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.