em-zu-Pixel-Umrechner

Über diesen Rechner

em ist eine relative CSS-Längeneinheit, die an die Schriftgröße gekoppelt ist: 1em entspricht immer der aktuellen Schriftgröße des Elements, auf das sie angewendet wird (oder, wenn sie für die Schriftgröße selbst verwendet wird, der Schriftgröße des übergeordneten Elements). Browser setzen diese Basisschriftgröße standardmäßig auf 16px, sodass bei der Standardeinstellung 1em = 16px gilt und allgemein px = em × Basisschriftgröße — eine Überschrift mit 2em wird bei einer Basis von 16px mit 32px dargestellt, dieselben 2em bei einer Basis von 18px dagegen mit 36px.

Da em mit der Schriftgröße des Nutzers oder eines übergeordneten Elements skaliert, ist es die Einheit der Wahl für responsive und barrierefreie Typografie — Zeilenhöhe, Abstände und Schriftgröße, die mitwachsen sollen, wenn jemand die Texteinstellung seines Browsers vergrößert. Die Umrechnung zwischen em und Pixeln ist ein Routineschritt, wenn ein pixelbasierter Designentwurf (Figma, Sketch) in skalierbares, barrierefreies CSS übertragen wird.