| Pixel | REM |
|---|
PX und REM umrechnen für responsive Designs
REM ist die bevorzugte Einheit für responsive Webdesign. Der Rechner konvertiert Pixel in REM und umgekehrt – mit anpassbarer Basis-Schriftgröße und praktischer Referenztabelle.
Was ist REM?
REM steht für "Root EM" und bezieht sich auf die Schriftgröße des root-Elements (html). Bei Standardeinstellung 16px entspricht 1rem = 16px. REM skaliert, wenn der Nutzer seine Browser-Schriftgröße ändert.
Warum REM statt Pixel?
REM ist barrierefrei: Nutzer mit Sehschwäche erhöhen oft die Browser-Schriftgröße. Mit REM skaliert dein Layout mit. Pixel sind fix und ignorieren diese Einstellung.
REM vs. EM
EM bezieht sich auf das übergeordnete Element und kann verschachtelt werden. REM bezieht sich immer auf das root-Element – einfacher und vorhersehbarer.
Fragen & Antworten Häufig gestellte Fragen.
Wie rechne ich Pixel in REM um?
Teile den Pixel-Wert durch die Basis-Schriftgröße (meist 16px). Beispiel: 24px ÷ 16 = 1.5rem. Das Tool macht das automatisch.
Was ist die Standard-Basis für REM?
Die meisten Browser haben als Standard 16px für das html-Element. 1rem = 16px, 0.5rem = 8px, 2rem = 32px.
Sollte ich immer REM verwenden?
Für Schriftgrößen und Abstände ja. Für Borders und sehr kleine Elemente sind Pixel oft praktischer, da sie nicht skalieren sollen.
Was ist der Unterschied zwischen REM und EM?
REM basiert immer auf der root-Schriftgröße. EM basiert auf der Schriftgröße des Elternelements und kann sich verschachteln – komplizierter zu berechnen.
Ähnliche Tools
- CSS MinifierCSS-Code minifizieren: Whitespace, Kommentare und überflüssige Zeichen entfernen. Größenersparnis sofort sehen. ✓ Kostenlos ✓ Ohne Upload.
- CSS Box Shadow GeneratorBox-Shadows per Slider anpassen: Offset, Blur, Spread, Farbe, Inset. Mit Echtzeit-Vorschau. ✓ CSS-Code kopieren ✓ Kostenlos.
- CSS Gradient GeneratorCSS-Farbverläufe per Drag & Drop: Linear, radial, beliebig viele Farben. CSS-Code sofort kopieren. ✓ Kostenlos ✓ Live-Vorschau.
Vom Werkzeug zum Projekt Lieber machen lassen?
Responsive Design ist Pflicht. Ich entwickle Websites die auf jedem Gerät perfekt aussehen – vom Smartphone bis zum Desktop. Webdesign ansehen
Ohne Risiko anfragen
- Unverbindlich. Erstgespräch und Angebot kosten nichts.
- Persönlich. Sie sprechen direkt mit mir, nicht mit einem Vertrieb.
- Klar. Schriftliches Angebot mit Preis und Ablauf, bevor etwas startet.
Ihr Richtwert
ab 1.500 €
Wählen Sie unten, was Sie brauchen — der Richtwert passt sich sofort an.
