px naar vw omrekenen: formule en omrekentabel

pixels px viewportbreedte-eenheden vw

Viewportbreedte (px)

1 px = 0,05208333333 vw

Formule

vw = px × 100 ÷ 1920

Zo reken je om

Om pixels om te rekenen naar viewportbreedte-eenheden, gebruik je de formule vw = px × 100 ÷ 1920. Bijvoorbeeld: 32 px = 1,666666667 vw.

Omrekentabel

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

De tabel gaat uit van een viewportbreedte van 1920px. Pas de instellingen in de omrekenaar hierboven aan je project aan.

Over deze eenheden

Browsers zetten elke CSS-lengte om in pixels. rem is relatief aan de lettergrootte van de root en em aan die van het ouderelement; beide zijn 16px in alle grote browsers, tenzij de pagina of de gebruiker dat wijzigt. 1pt is 1/72 inch en 1px is 1/96 inch, dus 1pt = 1,333px. vw is 1% van de viewportbreedte, dus de pixelgrootte hangt af van het scherm.

Veelgestelde vragen

› Hoe reken ik px om naar vw?

1 px = 0,05208333333 vw. Om om te rekenen gebruik je de formule vw = px × 100 ÷ 1920: 32 px = 1,666666667 vw.

› Hoeveel is 1 vw in px?

1 vw = 19,2 px. De omgekeerde formule is px = vw × 1920 ÷ 100.

› Waarom rem gebruiken in plaats van px?

rem-maten volgen de lettergrootte die de gebruiker in de browser instelt, wat goed is voor toegankelijkheid, en één rootwaarde aanpassen schaalt de hele lay-out consequent.

› Wat is het verschil tussen rem en em?

rem gebruikt altijd de lettergrootte van de root (html). em gebruikt die van het ouderelement, dus geneste em-waarden vermenigvuldigen zich.