DevToolPal
ID

Satuan CSS

Konverter px ke vw

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

1 px = 0,05208333333 vw

Buka di Konverter PX ke REM

Rumus

vw = px × 100 ÷ 1920

Cara mengonversi

Untuk mengonversi piksel ke satuan lebar viewport, gunakan rumus vw = px × 100 ÷ 1920. Contohnya, 32 px = 1,666666667 vw.

Tabel konversi

px vw
1 px 0,05208333333 vw
2 px 0,1041666667 vw
4 px 0,2083333333 vw
8 px 0,4166666667 vw
10 px 0,5208333333 vw
12 px 0,625 vw
14 px 0,7291666667 vw
16 px 0,8333333333 vw
18 px 0,9375 vw
20 px 1,041666667 vw
24 px 1,25 vw
32 px 1,666666667 vw
48 px 2,5 vw
64 px 3,333333333 vw

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

1 px = 0,05208333333 vw. Untuk mengonversi, gunakan rumus vw = px × 100 ÷ 1920: 32 px = 1,666666667 vw.

› Berapa 1 vw dalam px?

1 vw = 19,2 px. Rumus kebalikannya adalah px = vw × 1920 ÷ 100.

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