px in rem umrechnen: px, rem, pt, em, mm
Zuletzt aktualisiert:
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.
1 px = 0,0625 remAlle Ergebnisse
Umrechnungstabelle: Pixel → Root-em
| Wert (px) | Ergebnis (rem) |
|---|---|
| 1 px | 0,0625 rem |
| 8 px | 0,5 rem |
| 10 px | 0,625 rem |
| 12 px | 0,75 rem |
| 14 px | 0,875 rem |
| 16 px | 1 rem |
| 18 px | 1,125 rem |
| 20 px | 1,25 rem |
| 24 px | 1,5 rem |
| 32 px | 2 rem |
| 48 px | 3 rem |
| 64 px | 4 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öße | rem | pt | mm |
|---|---|---|---|
| Text mit 10 pt (Fußnoten) | 0,8333 | 10 | 3,528 |
| Standardtextgröße eines Browsers | 1 | 12 | 4,233 |
| Text mit 12 pt in einer Textverarbeitung | 1 | 12 | 4,233 |
| Standard-h2-Überschrift | 1,5 | 18 | 6,35 |
| Kleinste Zielgröße in WCAG 2.2 (2.5.8) | 1,5 | 18 | 6,35 |
| Standard-h1-Überschrift | 2 | 24 | 8,467 |
| 1 Zentimeter | 2,362 | 28,35 | 10 |
| 1 Zoll | 6 | 72 | 25,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.
- 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.
- 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.
- 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.
- 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:
- Fournier, Manuel typographique, vol. 1 (1764), pp. 130-132 (öffnet sich in einem neuen Tab)
- The Inland Printer, vol. 4 (1886-1887) (öffnet sich in einem neuen Tab)
- Adobe, PostScript Language Reference, 3rd edition (öffnet sich in einem neuen Tab)
- W3C, CSS 2.1 (2011), 4.3.2 Lengths (öffnet sich in einem neuen Tab)