em naar pixels omrekenen

Over deze rekenmachine

em is een relatieve CSS-lengte-eenheid die aan de lettergrootte is gekoppeld: 1em is altijd gelijk aan de huidige font-size van het element waarop hij wordt toegepast (of, als hij voor de font-size zelf wordt gebruikt, de font-size van het bovenliggende element). Browsers stellen die root-font-size standaard in op 16px, dus bij de standaardinstelling is 1em = 16px en in het algemeen px = em × basis-lettergrootte: een kop van 2em op een basis van 16px wordt weergegeven als 32px, maar dezelfde 2em op een basis van 18px wordt 36px.

Omdat em meeschaalt met de lettergrootte van de gebruiker of van een bovenliggend element, is het de eenheid waar CSS-ontwikkelaars naar grijpen voor responsieve en toegankelijke typografie: regelhoogte, marges en lettergrootte die moeten meegroeien wanneer iemand de tekstgrootte-instelling van de browser verhoogt. Omrekenen tussen em en pixels is een routinestap bij het vertalen van een op pixels gebaseerd ontwerpmockup (Figma, Sketch) naar schaalbare, toegankelijke CSS.