Przeliczaj piksele i rem z wybraną wartością bazową

Narzędzie Piksele i REM przydaje się projektantom i programistom front-end, gdy chcą dopracować interfejs przed wdrożeniem. Przeliczaj piksele i rem z wybraną wartością bazową.

Przeliczaj piksele i rem z wybraną wartością bazową. Narzędzie jest bezpłatne w przeglądarce i pokazuje wynik bez konieczności tworzenia konta.

Jak używać

1. Znajdź trzy informacje, których oczekuje formularz: wartość do przeliczenia, jej jednostkę początkową oraz bazę pikseli.
2. Wpisz wartość liczbową, a następnie określ, czy podano ją w PX czy REM.
3. Wprowadź bazę pikseli używaną w projekcie, na przykład 16, ponieważ ustala ona proporcję między obiema jednostkami.
4. Uruchom przeliczenie, aby wyświetlić odpowiadającą wartość w polu wyniku.
5. Wyczyść pola, aby zacząć ponownie, lub zaimportuj obsługiwany plik tekstowy, gdy wartości już istnieją w dokumencie.

Przykład

Przy użyciu 24, PX i bazy 16 narzędzie przelicza rozmiar w pikselach na jego odpowiednik w rem. Sprawdź wartość pokazaną w obszarze wyniku, a następnie zmień liczbę lub bazę, aby porównać inne układy bez edytowania arkusza stylów.

Dane wejściowe

24
PX
16

Wynik

24px = 1.5rem

Ograniczenia i formaty

• Przeliczenie zakłada, że wybrana baza odpowiada arkuszowi stylów; błędna baza daje mylącą proporcję.
• Importowane pliki muszą być w obsługiwanych formatach tekstowych, w tym CSV, JSON, MD, XML lub YAML, inaczej odczyt może się nie udać.
• Narzędzie nie edytuje kodu, nie waliduje systemu projektowego ani nie wybiera za Ciebie właściwej bazy.
• Zaokrąglij wyświetlaną wartość, jeśli projekt wymaga określonej liczby miejsc po przecinku.

Gdzie odbywa się przetwarzanie

Wszystkie obliczenia działają w Twojej przeglądarce. Wartość, jednostka i baza pozostają na Twoim urządzeniu podczas pracy, a konto nie jest potrzebne.

Częste pytania

Jakiej bazy użyć, gdy projekt nie opiera się na 16 pikselach?

Użyj bazy faktycznie zdefiniowanej w projekcie, ponieważ przeliczenie zależy od tej liczby. Jeśli różne sekcje używają różnych baz, powtórz operację dla każdej z nich. Skopiuj wynik dopiero po potwierdzeniu, która baza dotyczy dostosowywanego elementu.

Czy mogę przeliczyć całą listę wartości naraz?

Formularz pokazuje jedno pole wejściowe i jeden obszar wyniku dla przeliczenia. Możesz zaimportować obsługiwany plik tekstowy albo powtórzyć operację dla każdej wartości. Przejrzyj każdą przeliczoną liczbę, zanim umieścisz ją w arkuszu stylów lub pliku projektu.

Czy narzędzie zaokrągla za mnie przeliczoną wartość?

Wyświetla przeliczenie na podstawie podanej wartości i bazy. Jeśli projekt ma regułę zaokrąglania, zastosuj ją samodzielnie do wyniku. Sprawdź końcową liczbę przed użyciem jej w układzie, w którym liczy się precyzja.

Narzędzia w tej samej kategorii

• Skala typograficzna