Voer een getal in
1 em = 16 px
Openen in PX naar REM omrekenenFormule
px = em × 16
Zo reken je om
Om em om te rekenen naar pixels, vermenigvuldig je de waarde met 16. Bijvoorbeeld: 2 em = 32 px.
Omrekentabel
| em | px |
|---|---|
| 0,25 em | 4 px |
| 0,5 em | 8 px |
| 0,75 em | 12 px |
| 0,875 em | 14 px |
| 1 em | 16 px |
| 1,25 em | 20 px |
| 1,5 em | 24 px |
| 2 em | 32 px |
| 2,5 em | 40 px |
| 3 em | 48 px |
| 4 em | 64 px |
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 em om naar px?
1 em = 16 px. Om om te rekenen vermenigvuldig je de waarde met 16: 2 em = 32 px.
› Hoeveel is 1 px in em?
1 px = 0,0625 em. De omgekeerde formule is em = px ÷ 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.