px naar em omrekenen: formule en omrekentabel

pixels px em em

Basislettergrootte (px)

1 px = 0,0625 em

Openen in PX naar REM omrekenen

Formule

em = px ÷ 16

Zo reken je om

Om pixels om te rekenen naar em, deel je de waarde door 16. Bijvoorbeeld: 32 px = 2 em.

Omrekentabel

px	em
1 px	0,0625 em
2 px	0,125 em
4 px	0,25 em
8 px	0,5 em
10 px	0,625 em
12 px	0,75 em
14 px	0,875 em
16 px	1 em
18 px	1,125 em
20 px	1,25 em
24 px	1,5 em
32 px	2 em
48 px	3 em
64 px	4 em

De tabel gaat uit van een basislettergrootte van 16px. 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 em?

1 px = 0,0625 em. Om om te rekenen deel je de waarde door 16: 32 px = 2 em.

› Hoeveel is 1 em in px?

1 em = 16 px. De omgekeerde formule is px = em × 16.

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