Jak używać
- Wybierz posiadaną jednostkę (pt, px, mm, em lub %) i wpisz rozmiar.
- Wszystkie pozostałe jednostki pojawią się od razu wraz z podglądem.
- Dla em, rem i % ustaw bazowy rozmiar czcionki; przeglądarki domyślnie używają 16 px.
Opis opcji
- Punkty i piksele
- Punkt to 1/72 cala, a CSS definiuje piksel jako 1/96 cala, więc 1 pt = 4/3 px i 12 pt = 16 px.
- Milimetry
- 1 pt = 25,4 ÷ 72 ≈ 0,353 mm. To fizyczny rozmiar pisma i ma znaczenie przy druku.
- em, rem i procenty
- Wielokrotność rozmiaru bazowego. Przy bazie 16 px: 1 em = 1 rem = 100% = 16 px = 12 pt.
- Chińskie rozmiary (号)
- Chińskie edytory nazywają rozmiary zamiast używać punktów, od 初号 (42 pt) do 八号 (5 pt). Można przeliczać je w obie strony.
Popularne rozmiary
| pt | px | em (baza 16 px) |
|---|---|---|
| 9 | 12 | 0,75 |
| 10,5 | 14 | 0,875 |
| 12 | 16 | 1 |
| 14 | 18,67 | 1,1667 |
| 18 | 24 | 1,5 |
| 24 | 32 | 2 |
Rozmiary w sieci w pikselach, punktach i rem
Przy domyślnym rozmiarze przeglądarki 16 px jako bazie:
| Piksele | Punkty | rem / em | Typowe zastosowanie |
|---|---|---|---|
| 12 px | 9 pt | 0,75 rem | Podpisy, przypisy |
| 14 px | 10,5 pt | 0,875 rem | Mały tekst, etykiety |
| 16 px | 12 pt | 1 rem | Tekst podstawowy |
| 18 px | 13,5 pt | 1,125 rem | Większy tekst podstawowy, akapity wstępne |
| 20 px | 15 pt | 1,25 rem | Małe nagłówki |
| 24 px | 18 pt | 1,5 rem | Nagłówki |
| 32 px | 24 pt | 2 rem | Tytuły stron |
Której jednostki użyć
pt (punkty) służą do druku i edytorów tekstu: 1 pt to 1/72 cala, więc tekst 12 pt ma ten sam fizyczny rozmiar na każdej drukarce.
px (piksele CSS) służą do ekranów: 1 px jest zdefiniowany jako 1/96 cala przy normalnym powiększeniu, dlatego 12 pt to 16 px.
rem i em są względne. 1 rem to rozmiar czcionki elementu głównego (zwykle 16 px); 1 em to rozmiar czcionki elementu nadrzędnego. Użycie rem dla tekstu sprawia, że osoby, które w przeglądarce ustawiły większą czcionkę domyślną, dostają większy tekst wszędzie.
Milimetry pomagają dopasować wydrukowany wzór: zmierz wysokość wielkiej litery, a rozmiar tekstu podstawowego to mniej więcej 1,4 raza tyle, zależnie od kroju pisma.
Najczęściej zadawane pytania
Ile pikseli ma 12 pt?
16 px. Pomnóż punkty przez 4/3, aby otrzymać piksele CSS, albo piksele przez 0,75, aby otrzymać punkty.
Czym różnią się em i rem?
rem odnosi się do rozmiaru głównego elementu html, a em do rozmiaru elementu nadrzędnego. Bez ustawionego rozmiaru oba mają 16 px.
Dlaczego tekst na ekranie nie pasuje do przeliczenia?
Piksel CSS jest logiczną jednostką definiowaną przy 96 DPI. Fizyczny rozmiar zależy od gęstości ekranu i powiększenia systemu. Punkty i milimetry są dokładne tylko w druku.
Prywatność
To narzędzie działa w całości w przeglądarce. Twoje pliki i tekst są przetwarzane na Twoim urządzeniu i nigdy nie trafiają na nasze serwery.