PX-zu-EM-Umrechner

Häufig gestellte Fragen

Was ist die Einheit em in CSS?
Em ist eine relative Größeneinheit, die sich auf die Schriftgröße des jeweiligen Elements bezieht. Bei einer font-size von 16 Pixeln entspricht 1 em genau 16 Pixeln, 1,5 em ergeben 24 Pixel. Ändert sich die Bezugsgröße, wachsen oder schrumpfen alle em-Werte automatisch mit.

Wie rechne ich Pixel in em um?
Teile den Pixelwert durch die Basisschriftgröße. Ein Beispiel mit der Browser-Standardgröße von 16 Pixeln: 24 px ÷ 16 px = 1,5 em. Genau diese Rechnung nimmt dir der Umrechner ab und zeigt sie dir zur Kontrolle an.

Was ist der Unterschied zwischen em und rem?
Rem bezieht sich immer auf die Schriftgröße des Wurzelelements html und bleibt damit im gesamten Dokument konstant. Em orientiert sich am jeweiligen Element und kann sich bei verschachtelten Elementen aufmultiplizieren. Für Schriftgrößen ist rem deshalb meist die berechenbarere Wahl, em eignet sich für Abstände, die mit der lokalen Schriftgröße skalieren sollen.

Warum sind 16 Pixel die Standardbasis?
Alle gängigen Browser liefern Text ohne weitere Angaben mit 16 Pixeln aus. Diese Voreinstellung hat sich als gut lesbarer Kompromiss etabliert und ist deshalb der übliche Bezugspunkt für relative Einheiten. Nutzt dein Projekt eine andere Grundgröße, stellst du sie im Tool einfach um.

Wann sollte ich relative Einheiten statt Pixel verwenden?
Immer dann, wenn sich deine Website an die Voreinstellungen der Nutzer anpassen soll. Wer im Browser eine größere Standardschrift eingestellt hat, profitiert nur bei relativen Einheiten davon. Das macht em und rem zu einem Baustein für Barrierefreiheit. Feste Pixelwerte behalten ihre Berechtigung bei Details wie Rahmenstärken, die unabhängig von der Schriftgröße bleiben sollen.