Konwersja jednostek rozmiaru czcionki

1Piksel = 0.75Punkt

0.75

Jednostki typograficzne

Punkt (pt)0.75

Piksel (px)1

Piksel niezależny od gęstości (dp)0.75

Piksel niezależny od skali (sp)0.75

Bezpłatne narzędzie online do konwersji jednostek rozmiaru czcionki, które obsługuje dwukierunkową konwersję w czasie rzeczywistym 4 powszechnie używanych jednostek składu/UI: pt, px, dp i sp. Bieżąca strona przyjmuje stałą relację odniesienia: 1 px = 0,75 pt, 1 pt ≈ 1,333 px. Jednocześnie w tym narzędziu dp i sp są mapowane na pt według tej samej podstawy odniesienia, co ułatwia szybkie statyczne porównanie wersji roboczych projektów, opisów Web/CSS i adnotacji interfejsu użytkownika Androida. Należy zauważyć, że ta strona nie odczytuje skalowania przeglądarki, gęstości pikseli urządzenia, skalowania czcionek Androida ani rzeczywistego rozmiaru wydruku, dlatego bardziej nadaje się do porównywania specyfikacji i ujednolicania dokumentów niż zastępuje testowanie renderowania na rzeczywistym urządzeniu. Wszelkie obliczenia wykonywane są lokalnie w przeglądarce, a dane nie są przesyłane na serwer.

Powiązane Rekomendacje

Length Converter

Jeśli potrzebujesz rzeczywistych długości fizycznych, takich jak mm, cm i cale, powinieneś przejść na przetwarzanie jednostek długości

Konwerter powierzchni

Podczas szacowania obszaru strony, obszaru papieru lub układu wydruku często trzeba kontynuować przetwarzanie kalibru obszaru

Konwerter jednostek

Możesz bezpośrednio przełączać, kiedy chcesz kontynuować przetwarzanie długości lub innych jednostek pomocniczych

Informacje o kalibrze konwersji statycznej pt, px, dp, sp

pt (punkt) to popularna jednostka rozmiaru czcionki w klasycznym kontekście składu. Wiele edytorów dokumentów, programów do prezentacji, podręczników marek i specyfikacji czcionek lubi używać pt do wyrażania rozmiaru tekstu. px (piksel) jest częściej używany na stronach internetowych, szkicach projektów i adnotacjach CSS. Podkreśla referencyjny rozmiar w kontekście ekranu i interfejsu.

Należy pamiętać, że px w CSS nie zawsze jest równy fizycznemu pikselowi na urządzeniu, jest bliżej „piksela referencyjnego”. Dlatego też na 16 pikseli na rysunku projektowym, 16 pikseli w stylu strony internetowej i na ostateczny rozmiar wizualny wyświetlany na ekranie urządzenia mobilnego w dalszym ciągu będą miały wpływ skalowanie, gęstość i implementacja platformy.

dp i sp są bardziej powszechne w kontekście interfejsu Androida. Ogólnie rzecz biorąc, dp jest bardziej zorientowany na rozmiar układu interfejsu, podczas gdy sp jest bardziej nastawiony na rozmiar czcionki i uwzględnia skalowanie czcionek systemowych. Jednak ta strona nie jest symulatorem środowiska wykonawczego. Nie odczyta gęstości ani skalowania czcionki określonego telefonu komórkowego. Po prostu umieszcza te jednostki na ujednoliconej linijce referencyjnej w celu porównania statycznego.

Ta strona wykorzystuje obecnie stałą relację odniesienia: 1 px = 0,75 pkt, 1 pkt ≈ 1,333 px i odwzorowuje dp i sp na ten sam układ odniesienia, co ułatwia szybkie ujednolicenie projektów projektów, dokumentów specyfikacji i komunikacji między stronami. Rozwiązuje problem „jak porównywać i pisać dokumenty”, a nie problem „jak duży musi być ostateczny rozmiar wyświetlacza na urządzeniu”.

Jeśli Twoim celem w pracy jest rzeczywisty rozmiar wydruku, dokładność w milimetrach papieru, system rem/em w przeglądarce lub weryfikacja skalowania czcionek na prawdziwej maszynie w systemie Android, powinieneś zamiast tego użyć odpowiednich narzędzi do pomiaru długości, oprogramowania do projektowania lub testowania rzeczywistych urządzeń. Ta strona lepiej nadaje się do opracowywania specyfikacji, wczesnego przeglądu i dokumentacji dostaw.

Przypadki użycia

Szybko zmień rozmiary czcionek 16 px, 18 px i 24 px w wersji roboczej projektu na pt, aby ułatwić pisanie w dokumentach PPT, Word lub specyfikacjach marki
Zmień podane w dokumencie rozmiary czcionek 12, 14 i 18 pt na px, aby ułatwić porównanie front-endu z projektantem
Podczas projektowania stron internetowych wstaw CSS Ujednolicaj popularne rozmiary czcionek za pomocą kalibru pt w dokumentach prezentacji
W opisie interfejsu użytkownika Androida szybko zamień pt lub px w wersji roboczej projektu wartościami referencyjnymi dp i sp, aby ułatwić komunikację
Podczas organizowania specyfikacji tekstu biblioteki komponentów ujednolić jednostki rozmiaru czcionki w przyciskach, tekście, tytułach i napisach
Mieszaj px i pt używane w systemach z historycznymi projektami Ujednolicaj rozmiary czcionek w tym samym zestawie porównawczym tabele, aby zmniejszyć koszty migracji
Dodawaj dwujednostkowe adnotacje do dokumentów współpracy między zespołami, aby projektanci, front-end i terminale mobilne mogły szybko zrozumieć ten sam rozmiar czcionki
Podczas kontroli wizualnej i kontroli jakości szybko konwertuj i porównuj różne jednostki w adnotacjach projektu projektu i stylach kodu
Przygotowując podręczniki marki, plakaty wydarzeń lub szablony prezentacji, najpierw ujednolić zasady rozmiaru czcionki do rozmiaru referencyjnego dystrybucja
Przygotuj ujednoliconą tabelę porównawczą rozmiarów czcionek dla e-maili, stron docelowych, H5 i interfejsów copywritingu aplikacji
W edukacji i szkoleniach lub udostępnianiu wewnętrznym wyjaśnij różnice i typowe relacje konwersji pt, px, dp, sp
Szybko przekonwertuj adnotację o rozmiarze czcionki na zrzucie ekranu na inny zestaw jednostek, bardziej znanych zespołowi, aby ułatwić przeglądanie i modyfikację
Tworząc wielojęzyczną dokumentację produktu, użyj ujednoliconego kalibru konwersji, aby uzupełnić przykłady rozmiarów czcionek dla różnych platform
Na wczesnym etapie przeglądu, gdy nie ma sprzętu do przetestowania, najpierw użyj konwersji statycznej, aby szybko określić, czy poziom rozmiaru czcionki jest ogólnie uzasadniony

Jak Używać

Wypełnij znaną wartość rozmiaru czcionki w polu wejściowym, obsługując liczby całkowite i dziesiętne.
Wybierz jednostkę źródłową po lewej stronie, opcjonalnie pt, px, dp, sp.
Wybierz jednostkę docelową po prawej stronie, a wyniki zostaną natychmiast zaktualizowane; możesz kliknąć środkowy przycisk zamiany, jeśli chcesz wyświetlić go w odwrotnej kolejności.
Jeśli chcesz zobaczyć wszystko na raz, rozwiń panel wyników, aby wyświetlić jednocześnie pełną zgodność wartości w 4 jednostkach.

Funkcje

4 rozmiary czcionek/jednostki interfejsu użytkownika o wysokiej częstotliwości obejmujące: pt, px, dp, sp, odpowiednie do szybkiego porównania podczas projektowania, front-endu i dostawy mobilnej
Dwukierunkowa natychmiastowa konwersja: wynik jest aktualizowany natychmiast po wprowadzeniu wartości, jednostkę źródłową i docelową można dowolnie przełączać bez klikania przycisku konwersji
Naprawiono przezroczystość relacji referencyjnej: bieżąca strona wykorzystuje 1 px = 0,75 pkt, 1 pkt ≈ Wspólny benchmark wynoszący 1,333 px ułatwia ujednolicenie specyfikacji i projektów projektów
Przejrzyste statyczne porównanie dp i sp: na tej stronie dp i sp znajdują się na tej samej linijce referencyjnej w celu szybkiej konwersji, przydatnej do pisania dokumentów, tworzenia adnotacji i komunikacji między zespołami
Można rozszerzyć, aby wyświetlić wszystkie wyniki: ten sam rozmiar czcionki jest podany w pt, px, dp, sp odpowiednie wartości poniżej mogą być wyświetlane jednocześnie, aby ułatwić jednorazowe sprawdzenie
Odpowiednie dla małych liczb i wartości pośrednich: typowe wartości niecałkowite w projektach takich jak 13,5 px, 10,5 pt, 14 sp mogą być również bezpośrednio konwertowane
Wyraźnie zaznacz granicę renderowania: strona rozróżni „konwersję statyczną” i „wyświetlanie rzeczywistego urządzenia”, aby zmniejszyć ryzyko pomylenia wartości referencyjnej z końcową wartością fizyczną size
Czyste obliczenia lokalne w przeglądarce: brak żądań sieciowych, brak logów serwera, adnotacje projektu, specyfikacje komponentów i parametry dokumentu dostawy nie opuszczają urządzenia

Jak wybrać jednostkę rozmiaru czcionki?

Chodzi także o pisanie „jak duży jest rozmiar czcionki”, a różne jednostki są odpowiednie dla różnych scenariuszy. Najpierw zastanów się, czy piszesz wersję roboczą projektu, styl sieciowy czy specyfikację Androida.

Jednostka	Najczęstsze scenariusze	Zalety	Uwagi	Ta strona obsługuje
pt	Word, PPT, PDF, specyfikacje marki, dokumenty czcionek	Najczęściej stosowane w skład tekstu i konteksty dokumentów, łatwe dopasowanie do instrukcji czcionek	Przechodząc do kontekstu ekranu, najlepiej dodać kolumnę z porównaniem pikseli	Obsługiwane
px	Strony internetowe, projekty projektów, adnotacje CSS, projekty interfejsów	Komunikacja między projektem a frontendem jest najbardziej bezpośrednia i najlepsza powszechne w implementacji	Nie wszystkie fizyczne piksele, przeglądarki i urządzenia będą miały wpływ na ostateczny wyświetlacz	Wsparcie
dp	Układ Androida i adnotacje dotyczące interfejsu	Odpowiednie dla rozmiaru logicznego opisu urządzenia o różnych gęstościach	Ta strona nie symuluje rzeczywistej gęstości urządzenia, a jedynie statyczne odniesienie konwersja	Wsparcie
sp	Adnotacja o rozmiarze tekstu w Androidzie	Odpowiedni dla kontekstu tekstowego i łatwy do komunikacji z zespołami mobilnymi	Na rzeczywisty wyświetlacz będzie miało również wpływ skalowanie czcionek systemowych	Obsługa
em / rem / mm / in	Jednostki względne sieciowe lub fizyczny rozmiar wydruku	Odpowiednie dla określonych systemów projektowania i wdrażania	Nie mieści się w zakresie wsparcia dla bieżącej strony i należy użyć innych narzędzi lub testów porównawczych	Nieobsługiwane

Best Practices

Najpierw uzgodnij ujednolicony test porównawczy dla zespołu, a następnie porównaj go między jednostkami

Jeśli projekt, interfejs użytkownika i terminale mobilne nie wyjaśniają najpierw jasno testu porównawczego konwersji, łatwo jest zrobić te same 16 należy rozumieć jako różne rozmiary wizualne. Bardziej stabilne będzie najpierw ujednolicenie kalibru, a następnie skorzystanie z tej strony w celu uzupełnienia oznakowania podwójnej jednostki.

Wyniki tej strony traktuj jako wartość referencyjną dostawy, a nie ostateczny wynik renderowania

Ta strona nadaje się do statycznego porównywania projektów projektów, dokumentów i specyfikacji, ale skalowanie przeglądarki, gęstość urządzenia i ustawienia czcionek systemowych mogą sprawić, że rzeczywisty wygląd będzie nieco inny. Weryfikację wizualną należy nadal przeprowadzać w środowisku docelowym przed przejściem do trybu online.

Przełącz się na jednostki długości i oprogramowanie do prawdziwego składu, gdy wymagane są wymiary fizyczne

Jeśli Twoim celem jest potwierdzenie rzeczywistego rozmiaru papieru, milimetrowej dokładności drukowanego produktu lub fizycznego rozmiaru eksportowanego pliku PDF, nie patrz tylko na statyczne wyniki konwersji pt/px/dp/sp.

Tekst na Androidzie uwzględnia skalowanie czcionek systemowych

sp Skalowanie czcionek systemowych będzie miało wpływ na wydajność na rzeczywistych urządzeniach. Na tej stronie możesz podać tylko statyczne wartości referencyjne. Jeśli chodzi o dostępność i dostosowanie do wielu urządzeń, musisz przetestować to na prawdziwym urządzeniu.

Sieć Jeśli faktycznie używasz rem lub em, najpierw wyjaśnij główny rozmiar czcionki

Ta strona nie zmienia bezpośrednio rem/em, ale nadal możesz przywrócić rem/em do px zgodnie z głównym rozmiarem czcionki projektu, a następnie porównać go z adnotacjami pt lub projektu. Najważniejsze jest, aby najpierw uzyskać jasny kontekst.

Przy dostarczaniu staraj się zachować zarówno oryginalną jednostkę, jak i wynik konwersji.

Na przykład zapisanie jej w formacie 16 px / 12 pt lub 14 sp / 14 pt pozwoli odbiorcy szybko zrozumieć Twoje pierwotne intencje i ułatwi późniejsze prześledzenie.

Często Zadawane Pytania

Jakie jednostki obsługuje ten konwerter jednostek rozmiaru czcionki?

Ta strona obsługuje obecnie 4 jednostki: pt, px, dp, sp. Nadaje się do statycznych porównań numerycznych w wersjach projektowych, rozmiarach czcionek CSS, adnotacjach interfejsu użytkownika systemu Android i dokumentach składowych. Bieżąca strona nie obsługuje innych jednostek składu/długości, takich jak em, rem, mm, cm, in lub pc.

1 pkt to ile pikseli? 16 px to ile pkt?

Zgodnie z stałą relacją odniesienia przyjętą obecnie na tej stronie, 1 pkt ≈ 1,333 px, 1 px = 0,75 pkt. Zatem 16 pikseli = 12 pkt, 12 pkt = 16 pikseli, 18 pikseli = 13,5 pkt. Ten kaliber doskonale nadaje się do szybkiego sprawdzania wersji roboczych projektów stron internetowych i dokumentów prezentacyjnych.

Jaka jest różnica między px i pt?

pt (punkt) bardziej koncentruje się na składzie tekstu i kontekście dokumentu i historycznie często pojawia się razem z drukiem i rozmiarem czcionki; px (piksel) skupia się bardziej na ekranie i kontekście CSS i jest powszechnie używany na stronach internetowych i w adnotacjach wersji roboczych projektów. Obydwa mogą być użyte do opisania rozmiarów czcionek, ale środowiska użytkowania są różne, więc wiele zespołów będzie musiało porównać konwersję między px i pt podczas dostarczania projektów.

Jaka jest różnica między dp i sp?

dp jest zwykle używane do wyrażania rozmiaru interfejsu w systemie Android, które jest związane z gęstością, ale nie uwzględnia skalowania czcionki, a sp jest zwykle używane do wyrażania rozmiaru tekstu, który będzie zgodny ze skalowaniem czcionki. Należy zauważyć, że na potrzeby porównania specyfikacji statycznych, ta strona nie odczytuje rzeczywistej gęstości urządzenia ani skalowania czcionek systemowych, ale stawia je na ujednoliconej podstawie referencyjnej do konwersji liniowej.

Dlaczego wartość zamieniona ze strony może nie być dokładnie taka sama, jak wartość wyświetlana na rzeczywistym urządzeniu?

Ponieważ na rzeczywisty efekt wyświetlania będzie miało wpływ skalowanie przeglądarki, gęstość pikseli urządzenia, rozmiar czcionki głównej, skalowanie czcionek systemowych, strategia renderowania platformy i zasady eksportu oprogramowania projektowego. Celem tej strony jest ujednolicenie kalibrów statycznych, a nie symulowanie wyników renderowania rzeczywistych urządzeń. Dlatego zanim w końcu zaczniesz działać, powinieneś przeprowadzić rzeczywistą kontrolę wizualną docelowej przeglądarki lub urządzenia docelowego.

Dlaczego relacje między dp, sp i pt w tym narzędziu są tak bliskie?

Ponieważ bieżąca strona korzysta ze statycznych kalibrów konwersji w ramach ujednoliconej linijki odniesienia, co pozwala szybko porównywać różne jednostki w dokumentach, szkicach projektów i specyfikacjach, zamiast czytać środowisko renderowania określonego urządzenia w czasie rzeczywistym. Można o tym myśleć jak o „dostarczonej wartości referencyjnej konwersji”, a nie o prawdziwym kalkulatorze pikseli w środowisku wykonawczym Androida.

Czy można go wymienić na remy, em, mm, cm lub cale?

Obecnie nie. Rzeczywisty obsługiwany zakres tej strony to tylko cztery jednostki: pt, px, dp i sp. Jeśli potrzebujesz jednostek względnych, takich jak rem i em, lub jednostek długości fizycznej, takich jak mm, cm i in, powinieneś użyć odpowiedniej podstawy projektowania lub innych narzędzi długości, aby obsłużyć je oddzielnie.

Czy ta strona nadaje się do rzeczywistego wydruku lub obliczenia rozmiaru wydruku?

Nie nadaje się do bezpośredniego zastąpienia obliczenia rzeczywistego rozmiaru wydruku. Ponieważ ta strona obecnie nie udostępnia jednostek długości fizycznej, takich jak mm, cm i cale, ani nie obsługuje DPI drukarki, nośników wyjściowych ani zasad układu dokumentu. Jeśli chcesz potwierdzić rzeczywisty rozmiar papieru, powinieneś zamiast tego użyć jednostek długości i rzeczywistego oprogramowania do składu w celu ostatecznej weryfikacji.

Czy mogę wprowadzić wartość dziesiętną, np. 13,5 piksela?

Tak. Wartości niecałkowite, takie jak 10,5 pt, 13,5 px i 14 sp, są powszechnie używane w systemach projektowych i scenariuszach dostrajania interfejsów. Ta strona może je bezpośrednio przekonwertować. Dzięki temu dostarczanie specyfikacji komponentów, organizowanie dokumentów z adnotacjami i wykonywanie porównań z wielu stron będzie wygodniejsze.

Jak używać tego narzędzia podczas dostarczania projektów?

Bezpieczniejszym podejściem jest zachowanie oryginalnych jednostek projektowych, a następnie użycie tej strony do wypełnienia kolumny przeliczonych wartości referencyjnych. Na przykład, jeśli projekt projektu jest napisany w rozdzielczości 16 px, możesz go również napisać w rozdzielczości 16 px / 12 pt dla zespołu front-end lub dokumentacji. Dopóki zespół najpierw zgodzi się na tę samą podstawę konwersji, koszt komunikacji będzie znacznie niższy.

Czy tej strony można używać w trybie offline? Czy dane zostaną przesłane?

Tak. Po załadowaniu strony wszystkie konwersje rozmiaru czcionki są wykonywane lokalnie w przeglądarce, bez żądań sieciowych, bez logów serwera i bez wysyłania formularzy. Specyfikacje projektu, adnotacje komponentów i parametry dokumentu dostawy nie zostaną przesłane na serwer, a wprowadzone dane zostaną usunięte po zamknięciu strony.

Słownik

Punkt (pt): Klasyczna jednostka rozmiaru czcionki do składu, powszechnie używana w programach Word, PPT, PDF, specyfikacjach marki i dokumentach z opisem czcionek.
Piksel (px): Jedna z najpopularniejszych jednostek interfejsu na stronach internetowych i szkicach projektów, w CSS jest bliżej piksela referencyjnego niż bezwzględnego piksela fizycznego.
Piksel niezależny od gęstości (dp): Wspólna jednostka rozmiaru logicznego w kontekście Androida, używana do utrzymania stosunkowo spójnej skali interfejsu na urządzeniach o różnej gęstości.
Piksel skalowania czcionki (sp): Powszechna jednostka w kontekście tekstu Androida, zwykle uwzględniająca skalowanie czcionek systemowych, odpowiednia do wyrażania rozmiaru tekstu.
Piksel referencyjny CSS: Koncepcja długości referencyjnej stosowana w układzie przeglądarki niekoniecznie jest równa fizycznemu pikselowi na ekranie.
Gęstość pikseli urządzenia: Ile fizycznych pikseli przypada na jednostkę długości ekranu, będzie miało wpływ na rzeczywisty efekt wyświetlania tej samej jednostki logicznej na różnych urządzeniach.
Skalowanie czcionki: Dodatkowe ustawienia skalowania rozmiaru tekstu na poziomie systemu operacyjnego lub aplikacji będą miały wpływ na rzeczywiste wyniki wyświetlania.
Konwersja stałych referencji: Dokonuje statycznej konwersji liniowej w ramach ujednoliconego testu porównawczego, co jest odpowiednie do porównywania dokumentów i dostarczania projektów, ale nie jest równoważne symulacji renderowania rzeczywistego urządzenia.

Szybkie sprawdzenie typowych punktów kontrolnych konwersji rozmiaru czcionki

Te wartości porównawcze są najczęściej używane w wersjach roboczych projektów, CSS i dostarczaniu dokumentów.

pkt	pikseli	dp (kaliber tej strony)	sp (kaliber tej strony)	Typowy scenariusz
9 pkt	12 pikseli	9 dp	9sp	Minimalne informacje pomocnicze, opis wtórny tabeli
10,5 pkt	14 pikseli	10,5 dp	10,5 sp	Mały tekst, tekst opisu
12 pkt	16 pikseli	12 dp	12sp	Wspólna treść lub tekst formularza
13,5 pkt	18 pikseli	13,5 dp	13,5 sp	Nacisk na tekst i tytuły kart
18 pkt	24 piks	18 dp	18sp	Duży tytuł lub kluczowe informacje na temat strony
24 pkt	32 piks	24 dp	24 sp	Tytuł okładki, tytuł bohatera

Wybierz jednostkę rozmiaru czcionki zgodnie ze sceną

Ta sama wartość rozmiaru czcionki jest zapisywana w różnych jednostkach i obsługuje różne obiekty współpracy.

Scenariusz	Bardziej odpowiednia jednostka	Powód
PPT, Word, podręcznik marki, specyfikacja PDF	pt	Najbardziej naturalny w kontekście dokumentu i składu oraz najłatwiejszy do dostosowania do specyfikacji czcionki
Styl strony internetowej, wersja robocza projektu, Figma/CSS dostawa	px	Najniższy koszt komunikacji pomiędzy projektem a implementacją front-endu
Opis rozmiaru układu Androida	dp	Bliżej kontekstu rozmiaru logicznego Androida
Opis rozmiaru tekstu Androida	sp	Bliżej kontekstu adnotacji czcionką mobilną, ale ostatecznie nadal zależy od rzeczywistego skalowania maszyny
Dostarczanie dokumentów między zespołami	Zachowaj oryginalne jednostki i dodaj kolumnę wartości konwersji	Można uwzględnić nawyki czytelnicze terminali projektowych, frontendowych i mobilnych

Privacy & Security

Wszystkie konwersje rozmiaru czcionek na tej stronie są przeprowadzane w Twojej przeglądarce. Adnotacje projektowe, specyfikacje czcionek, dokumenty składowe i parametry dostawy, które wprowadzasz, nigdy nie opuszczają Twojego urządzenia — nie ma żadnych żądań sieciowych, żadnych dzienników serwera, a Twoje wpisy są usuwane po zamknięciu strony. W przypadku wewnętrznych systemów projektowych i niepublikowanych specyfikacji ta strona nie rejestruje ani nie przechowuje żadnej treści.