Kostenloser PX-zu-REM/EM-Konverter
Konvertieren Sie Pixel in REM/EM und umgekehrt. Anpassbare Basis-Schriftgröße. Enthält eine Schnellreferenztabelle.
Ergebnis
1rem
Schnellreferenztabelle
| Pixels | REM (base 16px) | EM |
|---|---|---|
| 8px | 0.5rem | 0.5em |
| 10px | 0.625rem | 0.625em |
| 12px | 0.75rem | 0.75em |
| 14px | 0.875rem | 0.875em |
| 16px | 1rem | 1em |
| 18px | 1.125rem | 1.125em |
| 20px | 1.25rem | 1.25em |
| 24px | 1.5rem | 1.5em |
| 28px | 1.75rem | 1.75em |
| 32px | 2rem | 2em |
| 36px | 2.25rem | 2.25em |
| 40px | 2.5rem | 2.5em |
| 48px | 3rem | 3em |
| 56px | 3.5rem | 3.5em |
| 64px | 4rem | 4em |
Beschleunigen Sie Ihren Frontend-Workflow mit dem SARA AI-Assistenten
So Funktioniert Es
Geben Sie einen Wert in Pixeln, rem, em oder Punkten ein und sehen Sie sofort die Entsprechung in allen anderen Einheiten. Legen Sie Ihre Basis-Schriftgroesse fest (Standard 16px) fuer genaue rem/em-Berechnungen.
Wann Verwenden
- Design-Mockup-Pixelwerte in rem-Einheiten fuer responsive CSS-Implementierung konvertieren.
- Druckdesign-Spezifikationen (Punkte) in webfreundliche Einheiten (Pixel, rem) uebersetzen und umgekehrt.
- Konsistente Typografie in einem Designsystem sicherstellen, indem auf rem-basierte Groessen standardisiert wird.
Haeufig Gestellte Fragen
Warum rem statt Pixel verwenden?
Rem-Einheiten skalieren mit der Schriftgroesseneinstellung des Browsers, was die Website zugaenglicher macht. Wenn ein Benutzer 20px als Basisschrift einstellt, passen sich rem-basierte Layouts automatisch an.
Was ist die Standard-Basisschriftgroesse?
Alle grossen Browser verwenden standardmaessig 16px. Das bedeutet 1rem = 16px, wenn nicht ueberschrieben. Einige Entwickler setzen html { font-size: 62.5% } fuer 1rem = 10px.
Wie verhaelt sich Punkt zu Pixel?
Bei 96 DPI (Standard-Bildschirmaufloesung) ist 1pt = 1,333px. Dieses Verhaeltnis ergibt sich aus dem Druckstandard von 72 Punkten pro Zoll geteilt durch 96 Pixel pro Zoll.
Es werden keine Daten an einen Server gesendet. Die gesamte Verarbeitung erfolgt in Ihrem Browser.
Diese Tools sind für immer kostenlos. SARA geht weiter.
SARA ist Ihr KI-Assistent auf WhatsApp: beantwortet Kunden, nimmt Buchungen an, macht Follow-ups — rund um die Uhr, automatisch. 14 Tage kostenlos testen.
Kostenlose 14-Tage-Testphase starten →