px in rem umrechnen: px, rem, pt, em, mm

Zuletzt aktualisiert:

px

rem bezieht sich auf diese Größe, em und % hier ebenfalls. In CSS richten sich em und % nach dem übergeordneten Element und entsprechen rem daher nur dort, wo kein übergeordnetes Element die Schriftgröße ändert.

Formel
1 px = 0,0625 rem

Alle Ergebnisse

px 1
rem 0,0625
em 0,0625
% 6,25
pt 0,75
pc 0,0625
in 0,0104167
cm 0,0264583
mm 0,264583

Umrechnungstabelle: Pixel → Root-em

Wert (px)Ergebnis (rem)
10,0625 rem
80,5 rem
100,625 rem
120,75 rem
140,875 rem
161 rem
181,125 rem
201,25 rem
241,5 rem
322 rem
483 rem
644 rem

px, rem und pt im Überblick

CSS legt 1 Zoll auf 96 px fest. Damit entspricht 1 pt (1/72 Zoll) 1,333 px und 1 mm 3,78 px. rem und em sind relativ: 1 rem ist die Schriftgröße des Wurzelelements. Sie beträgt in allen gängigen Browsern 16 px, solange der Besucher sie nicht ändert, also sind 24 px gleich 1,5 rem. Legt ein Stylesheet eine andere Wurzelgröße fest, gib sie als Basis über den Feldern ein. em richtet sich nach der Schriftgröße des übergeordneten Elements und entspricht rem daher nur dort, wo kein übergeordnetes Element sie ändert.

Gängige Text- und Elementgrößen

Bei der voreingestellten Basis von 16 px. CSS legt 1 Zoll auf 96 px fest, daher gelten die Spalten pt und mm bei jeder Basis. Nur die Spalte rem ändert sich mit ihr.

Größeremptmm
Text mit 10 pt (Fußnoten)0,8333103,528
Standardtextgröße eines Browsers1124,233
Text mit 12 pt in einer Textverarbeitung1124,233
Standard-h2-Überschrift1,5186,35
Kleinste Zielgröße in WCAG 2.2 (2.5.8)1,5186,35
Standard-h1-Überschrift2248,467
1 Zentimeter2,36228,3510
1 Zoll67225,4

Geschichte des Punkts und des Pixels

Schrift wurde schon in Punkten gemessen, lange bevor es Bildschirme gab: Schriftgießer brauchten eine einheitliche Größe, um Lettern zu gießen, die zusammenpassen. Computer legten den Punkt auf 1/72 Zoll fest.

  1. Pierre-Simon Fournier veröffentlichte eine Tabelle von Schriftgrößen, gemessen in typografischen Punkten: Ihre Skala teilte den Zoll in 12 Linien und jede Linie in 6 Punkte.
  2. Der Verband der Schriftgießer der Vereinigten Staaten führte ein Punktsystem für Schriftkegel ein, in dem eine Nonpareille 6 Punkt und eine Pica 12 Punkt umfasst.
  3. Adobe führte PostScript ein, dessen Längeneinheit auf der Seite 1/72 Zoll beträgt. Laut Adobe ist das ungefähr so groß wie der Punkt, den man im Druck verwendet.
  4. CSS 2.1 wurde zur W3C-Empfehlung. Sie legt 1 Zoll auf 96 px und 72 pt fest, also ist 1 px gleich 0,75 pt. Das Pixel beruht dabei auf einem Punkt eines Bildschirms mit 96 dpi, den man aus Armlänge betrachtet.

Quellen: