Voer een getal in
1 vw = 19,2 px
Openen in PX naar REM omrekenenFormule
px = vw × 1920 ÷ 100
Zo reken je om
Om viewportbreedte-eenheden om te rekenen naar pixels, gebruik je de formule px = vw × 1920 ÷ 100. Bijvoorbeeld: 25 vw = 480 px.
Omrekentabel
| 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 |
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 vw om naar px?
1 vw = 19,2 px. Om om te rekenen gebruik je de formule px = vw × 1920 ÷ 100: 25 vw = 480 px.
› Hoeveel is 1 px in vw?
1 px = 0,05208333333 vw. De omgekeerde formule is vw = px × 100 ÷ 1920.
› 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.