Znajdz odpowiednik pikseli dla rozmiaru czcionki z Worda lub InDesign – natychmiast, bez wzoru i bez kalkulatora.

Punkt typograficzny (pt) to tradycyjna jednostka miary w poligrafii. 1 pt = 1/72 cala. Piksel (px) to jednostka ekranowa – przy standardowym DPI (96) 1 pt = 1,333 px.
Programy graficzne (Adobe InDesign, Illustrator) używają punktów do określania wielkości czcionek. CSS i przeglądarki operują pikselami. Projektant eksportujący makietę z programu do CSS musi przeliczyć pt na px.
W systemie Windows domyślne DPI to 96, w macOS klasycznym było to 72 (wtedy 1 pt = 1 px). Dziś ekrany Retina mają wyższe PPI, ale CSS nadal bazuje na 96 DPI.
Standardowy tekst w dokumentach to 12 pt = 16 px (wartość domyślna 1rem w przeglądarkach). Nagłówek H1 to zazwyczaj 24–36 pt = 32–48 px.
Punkt typograficzny (pt) to tradycyjna jednostka używana w typografii i druku, gdzie jeden punkt wynosi 1/72 cala. Piksel (px) jest jednostką ekranową, a jego fizyczny rozmiar zależy od rozdzielczości wyświetlacza (DPI). Przy standardowej rozdzielczości 96 DPI (domyślna na Windows) jeden punkt to około 1,333 piksela.
Konwersja opiera się na stosunku DPI ekranu do DPI typograficznego: przy 96 DPI stosunek wynosi 96/72 = 1,333. Na przykład tekst o rozmiarze 12 pt to 16 px przy 96 DPI. Na starszych komputerach Mac z rozdzielczością 72 DPI stosunek wynosił 1:1, czyli 1 pt = 1 px.
Punkt typograficzny jest nadal standardem w programach do składu tekstu (Adobe InDesign, Microsoft Word), natomiast piksel dominuje w projektowaniu stron internetowych i interfejsów.
| Cecha | Punkt (pt) | Piksel (px) |
|---|---|---|
| Definicja | 1/72 cala | Jednostka ekranowa |
| Programy | InDesign, Word | CSS, Figma |
| Tekst podstawowy | 12 pt | 16 px |
| Nagłówek | 24–36 pt | 32–48 px |
| Zależność od DPI | Nie | Tak (96 DPI standard) |
12 pt = 16 px (przy standardowym 96 DPI). To domyslny rozmiar tekstu w przeglarkach (1 rem). Stalo sie to standardem, bo stary Mac mial 72 DPI (1 pt = 1 px), a Windows przyjal 96 DPI. Proporcja 96/72 = 1,333 to staly mnoznik konwersji.
px = pt x (DPI/72). Przy standardowym DPI = 96: px = pt x 1,333. Odwrotnie: pt = px x (72/DPI) = px x 0,75. Przy 96 DPI: 16 px x 0,75 = 12 pt. Konwerter stosuje te wzory automatycznie.
Na klasycznych Makach (72 DPI) 1 pt = 1 px – stad tradycja. Nowoczesne Maki Retina maja fizycznie wyzsze PPI, ale CSS nadal uzywa logicznych 96 DPI (tak jak Windows). Dlatego 12 pt = 16 px rowniez na Macu w CSS.
1 rem = 16 px = 12 pt (przy domyslnym font-size 16 px i 96 DPI). Przydatne przy konwersji dokumentow Word lub InDesign na CSS: tekst 12 pt to font-size: 1rem – domyslna wielkosc przegladarki i zalecany minimum WCAG.
Minimum 16 px (12 pt) dla tekstu podstawowego – to zalecenie WCAG 1.4.3. Wiele nowoczesnych projektow uzywa 18–20 px (13,5–15 pt) dla lepszej czytelnosci na ekranie. Naglowki H1 to typowo 32–48 px (24–36 pt).
Word uzywa punktow: 12 pt = 16 px, 14 pt = 18,67 px, 18 pt = 24 px, 24 pt = 32 px, 36 pt = 48 px. Przy eksporcie dokumentu do HTML lub tworzeniu odpowiadajacej strony internetowej uzywaj wzoru: px = pt x 1,333.
72 pt = 96 px przy 96 DPI – to dokladnie 1 cal na ekranie. Stalo sie standardem poligrafii, bo 72 pt = 1 cal jest podstawa systemu typograficznego. W CSS: 1in = 96px, wiec 72pt = 1in = 96px.
Punkt typograficzny (pt) jest jednostka fizyczna – 1 pt = 0,353 mm, niezaleznie od rozdzielczosci urzadzenia. Piksel jest jednostka ekranowa – jego fizyczny rozmiar zalezy od DPI ekranu. Przy druku 300 DPI: 1 px = 0,085 mm. Przy ekranie 96 DPI: 1 px = 0,265 mm.

Masz pomysł na nową funkcję, znalazłeś błąd lub chcesz zaproponować inne narzędzie? Napisz do nas – odpowiadamy w ciągu 24 godzin.