Rechnen Sie Pixel und rem mit einer gewählten Basis um

Mit Pixel und REM können Designer und Frontend-Entwickler eine Oberfläche vor der Umsetzung abstimmen. Rechnen Sie Pixel und rem mit einer gewählten Basis um.

Rechnen Sie Pixel und rem mit einer gewählten Basis um. Das Werkzeug ist im Browser kostenlos und zeigt das Ergebnis ohne Anmeldung an.

Bedienung

1. Suchen Sie die drei Informationen, die das Formular erwartet: den umzuwandelnden Wert, seine Ausgangseinheit und die Pixel-Basis.
2. Geben Sie den numerischen Wert ein und geben Sie dann an, ob er in PX oder REM vorliegt.
3. Tragen Sie die in Ihrem Projekt verwendete Pixel-Basis ein, etwa 16, denn sie bestimmt das Verhältnis zwischen beiden Einheiten.
4. Starten Sie die Umwandlung, um den passenden Wert im Ergebnisfeld anzuzeigen.
5. Leeren Sie die Felder, um neu zu beginnen, oder importieren Sie eine akzeptierte Textdatei, wenn Ihre Werte bereits in einem Dokument vorliegen.

Beispiel

Mit 24, PX und einer Basis von 16 wandelt das Werkzeug eine Pixelgröße in ihren REM-Gegenwert um. Prüfen Sie den im Ergebnisbereich angezeigten Wert und ändern Sie dann die Zahl oder die Basis, um andere Layouts zu vergleichen, ohne Ihr Stylesheet zu bearbeiten.

Eingabe

24
PX
16

Ergebnis

24px = 1.5rem

Grenzen und Formate

• Die Umwandlung geht davon aus, dass die gewählte Basis zu Ihrem Stylesheet passt; eine falsche Basis erzeugt ein irreführendes Verhältnis.
• Importierte Dateien müssen den unterstützten Textformaten entsprechen, darunter CSV, JSON, MD, XML oder YAML, sonst kann das Einlesen fehlschlagen.
• Das Werkzeug bearbeitet Ihren Code nicht, validiert kein Designsystem und wählt nicht die richtige Basis für Sie aus.
• Runden Sie den angezeigten Wert, wenn Ihr Projekt eine bestimmte Anzahl von Dezimalstellen erfordert.

Wo die Verarbeitung stattfindet

Alle Berechnungen laufen in Ihrem Browser. Der Wert, die Einheit und die Basis bleiben während Ihrer Arbeit auf Ihrem Gerät, und es ist kein Konto erforderlich.

Häufige Fragen

Welche Basis sollte ich verwenden, wenn mein Projekt nicht auf 16 Pixeln basiert?

Verwenden Sie die tatsächlich in Ihrem Projekt definierte Basis, denn die Umwandlung hängt von dieser Zahl ab. Wenn verschiedene Abschnitte unterschiedliche Basen verwenden, wiederholen Sie den Vorgang für jede einzelne. Kopieren Sie das Ergebnis erst, nachdem Sie bestätigt haben, welche Basis für das Element gilt, das Sie anpassen.

Kann ich eine ganze Liste von Werten auf einmal umwandeln?

Das Formular zeigt einen Eingabe- und einen Ergebnisbereich für die Umwandlung. Sie können eine unterstützte Textdatei importieren oder den Vorgang für jeden Wert wiederholen. Prüfen Sie jede umgewandelte Zahl, bevor Sie sie in ein Stylesheet oder eine Designdatei übernehmen.

Rundet das Werkzeug den umgewandelten Wert für mich?

Es zeigt die Umwandlung auf Grundlage des von Ihnen eingegebenen Werts und der Basis an. Wenn Ihr Projekt eine Rundungsregel hat, wenden Sie sie selbst auf das Ergebnis an. Prüfen Sie die endgültige Zahl, bevor Sie sie in einem Layout verwenden, bei dem Präzision wichtig ist.

Werkzeuge derselben Kategorie

• Typografische Skala