DevToolPal
ID

Satuan CSS

Konverter vw ke px

Konversi satuan lebar viewport (vw) ke piksel (px). 1 vw = 19,2 px, dan 1 px = 0,05208333333 vw.

Rumus

px = vw × 1920 ÷ 100

Cara mengonversi

Untuk mengonversi satuan lebar viewport ke piksel, gunakan rumus px = vw × 1920 ÷ 100. Contohnya, 25 vw = 480 px.

Tabel konversi

vw px
1 vw 19,2 px
2 vw 38,4 px
5 vw 96 px
10 vw 192 px
25 vw 480 px
50 vw 960 px
75 vw 1.440 px
100 vw 1.920 px

Tabel ini mengasumsikan lebar viewport 1920px. 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 vw ke px?

1 vw = 19,2 px. Untuk mengonversi, gunakan rumus px = vw × 1920 ÷ 100: 25 vw = 480 px.

› Berapa 1 px dalam vw?

1 px = 0,05208333333 vw. Rumus kebalikannya adalah vw = px × 100 ÷ 1920.

› 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.