px in em umrechnen: Formel und Umrechnungstabelle

Pixel px em em

Basis-Schriftgröße (px)

1 px = 0,0625 em

In PX-zu-REM-Rechner öffnen

Formel

em = px ÷ 16

So rechnen Sie um

Um Pixel in em umzurechnen, teilen Sie den Wert durch 16. Beispiel: 32 px = 2 em.

Umrechnungstabelle

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

Die Tabelle geht von einer Basis-Schriftgröße von 16px aus. Passen Sie die Einstellungen im Umrechner oben an Ihr Projekt an.

Über diese Einheiten

Browser rechnen jede CSS-Länge in Pixel um. rem bezieht sich auf die Schriftgröße des Wurzelelements, em auf die des Elternelements; beide sind in allen gängigen Browsern 16px, solange Seite oder Nutzer nichts ändern. 1pt ist 1/72 Zoll und 1px 1/96 Zoll, also 1pt = 1,333px. vw ist 1 % der Viewport-Breite, die Pixelgröße hängt also vom Bildschirm ab.

FAQ

› Wie rechne ich px in em um?

1 px = 0,0625 em. Zum Umrechnen teilen Sie den Wert durch 16: 32 px = 2 em.

› Wie viel ist 1 em in px?

1 em = 16 px. Die Umkehrformel lautet px = em × 16.

› Warum rem statt px verwenden?

rem-Größen folgen der im Browser eingestellten Schriftgröße, was der Barrierefreiheit hilft, und ein einziger Wurzelwert skaliert das ganze Layout einheitlich.

› Was ist der Unterschied zwischen rem und em?

rem nutzt immer die Schriftgröße des Wurzelelements (html). em nutzt die des Elternelements, verschachtelte em-Werte multiplizieren sich also.