Geben Sie eine Zahl ein
1 em = 16 px
In PX-zu-REM-Rechner öffnenFormel
px = em × 16
So rechnen Sie um
Um em in Pixel umzurechnen, multiplizieren Sie den Wert mit 16. Beispiel: 2 em = 32 px.
Umrechnungstabelle
| 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 |
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 em in px um?
1 em = 16 px. Zum Umrechnen multiplizieren Sie den Wert mit 16: 2 em = 32 px.
› Wie viel ist 1 px in em?
1 px = 0,0625 em. Die Umkehrformel lautet em = px ÷ 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.