Szesnaście pikseli to dwanaście punktów, bo jeden piksel odpowiada 0,75 punktu. Wpisz wartość w pikselach, a wynik pojawi się od razu w polu obok. Konwerter przydaje się, gdy makieta powstała w pikselach, a plik ma trafić do druku, do PDF-a albo do podpisu w kliencie poczty.
Jeden piksel odpowiada 0,75 punktu, bo standard CSS ustala, że w calu mieści się 96 pikseli i 72 punkty [1]. Z tego wychodzi para, która wraca w każdym projekcie: 16 px to dokładnie 12 pt, a 24 px to 18 pt.
Przeliczenie w tę stronę robi się wtedy, gdy materiał powstał na ekranie, a trafia do świata druku. Programy do składu, klienty poczty, arkusze kalkulacyjne i format PDF mierzą tekst oraz strony w punktach, więc makieta opisana w pikselach wymaga przełożenia na ich jednostkę.
Konwerter sprawdza się dla osób przygotowujących plik z ekranu do drukarni, dla programistów odczytujących wymiary strony w PDF-ie oraz dla projektantów interfejsów mobilnych, gdzie punkt znaczy coś zupełnie innego niż w druku.
Dalej znajdziesz tabelę rozmiarów tekstu, tabelę dużych wartości, wymiary dziewięciu formatów strony w punktach PDF oraz zestawienie punktów i pikseli na ekranach Apple. Drogę w przeciwną stronę obsługuje konwerter punktów na piksele.
Wzór jest krótki: liczba punktów = liczba pikseli × 72 ÷ 96, czyli mnożenie przez 0,75. Dwadzieścia pikseli daje 15 pt, 40 px daje 30 pt, a 96 px to równe 72 pt, czyli dokładnie jeden cal.
Wynik wychodzi okrągły za każdym razem, gdy liczba pikseli dzieli się przez cztery: 12 px to 9 pt, 16 px to 12 pt, 20 px to 15 pt, 24 px to 18 pt. Przy pozostałych wartościach pojawiają się ćwiartki punktu — 15 px daje 11,25 pt, a 18 px daje 13,5 pt. Programy do składu przyjmują takie ułamki bez zastrzeżeń.
Mnożnik 0,75 obowiązuje przy gęstości 96 pikseli na cal, którą standard CSS przyjmuje dla ekranu i dla druku z przeglądarki [1]. Gdy przygotowujesz grafikę rastrową w innej rozdzielczości, wymiar fizyczny policzysz konwerterem px na mm z regulowanym DPI. Punkt trzyma się tej gęstości niezależnie od ustawień czytelnika, a jednostka rem idzie za rozmiarem tekstu w przeglądarce: przy bazie 16 px jeden piksel to 0,0625 rem, co policzy konwerter px na rem.
Tabela obejmuje 29 wielkości od 8 do 96 pikseli, czyli cały zakres spotykany w interfejsach i na stronach. Pierwsza kolumna pokazuje wartość w punktach, druga wielkość fizyczną przy gęstości 96 DPI. Pogrubione wiersze to rozmiary używane najczęściej: 16 px w tekście podstawowym, 24 px jako próg dużego tekstu według WCAG i 96 px jako dokładny cal.
| Rozmiar w pikselach | Punkty | Milimetry |
|---|---|---|
| 8 px | 6 pt | 2,117 mm |
| 10 px | 7,5 pt | 2,646 mm |
| 11 px | 8,25 pt | 2,91 mm |
| 12 px | 9 pt | 3,175 mm |
| 13 px | 9,75 pt | 3,44 mm |
| 14 px | 10,5 pt | 3,704 mm |
| 15 px | 11,25 pt | 3,969 mm |
| 16 px | 12 pt | 4,233 mm |
| 17 px | 12,75 pt | 4,498 mm |
| 18 px | 13,5 pt | 4,763 mm |
| 19 px | 14,25 pt | 5,027 mm |
| 20 px | 15 pt | 5,292 mm |
| 21 px | 15,75 pt | 5,556 mm |
| 22 px | 16,5 pt | 5,821 mm |
| 24 px | 18 pt | 6,35 mm |
| Rozmiar w pikselach | Punkty | Milimetry |
|---|---|---|
| 26 px | 19,5 pt | 6,879 mm |
| 28 px | 21 pt | 7,408 mm |
| 30 px | 22,5 pt | 7,938 mm |
| 32 px | 24 pt | 8,467 mm |
| 36 px | 27 pt | 9,525 mm |
| 40 px | 30 pt | 10,583 mm |
| 44 px | 33 pt | 11,642 mm |
| 48 px | 36 pt | 12,7 mm |
| 56 px | 42 pt | 14,817 mm |
| 64 px | 48 pt | 16,933 mm |
| 72 px | 54 pt | 19,05 mm |
| 80 px | 60 pt | 21,167 mm |
| 90 px | 67,5 pt | 23,812 mm |
| 96 px | 72 pt | 25,4 mm |
Tabela zbiera szerokości okien, kadrów i całych ekranów, które trafiają do przeliczenia razem z makietą. Wiersz 1920 px to szerokość Full HD, 1080 px to jego wysokość, a 512 px to najczęściej spotykany rozmiar ikony aplikacji. Kolumna milimetrów pokazuje, jak szeroki byłby ten wymiar wydrukowany przy 96 DPI.
| Wartość w pikselach | Punkty | Milimetry (96 DPI) |
|---|---|---|
| 100 px | 75 pt | 26,5 mm |
| 150 px | 112,5 pt | 39,7 mm |
| 200 px | 150 pt | 52,9 mm |
| 240 px | 180 pt | 63,5 mm |
| 300 px | 225 pt | 79,4 mm |
| 320 px | 240 pt | 84,7 mm |
| 375 px | 281,25 pt | 99,2 mm |
| 400 px | 300 pt | 105,8 mm |
| 500 px | 375 pt | 132,3 mm |
| Wartość w pikselach | Punkty | Milimetry (96 DPI) |
|---|---|---|
| 512 px | 384 pt | 135,5 mm |
| 600 px | 450 pt | 158,8 mm |
| 800 px | 600 pt | 211,7 mm |
| 1024 px | 768 pt | 270,9 mm |
| 1080 px | 810 pt | 285,8 mm |
| 1200 px | 900 pt | 317,5 mm |
| 1920 px | 1 440 pt | 508 mm |
| 2000 px | 1 500 pt | 529,2 mm |
Format PDF opisuje położenie każdego elementu w przestrzeni użytkownika, a jej domyślna jednostka to 1/72 cala, czyli dokładnie punkt typograficzny. Wpis UserUnit w opisie strony może tę wartość zmienić, a kiedy go brakuje, obowiązuje 1/72 cala [2]. Początek układu współrzędnych leży w lewym dolnym rogu strony i oś pionowa rośnie do góry.
Dlatego kartka A4 ma w pliku PDF wymiary 595 × 842 pt, a amerykański Letter 612 × 792 pt. Te liczby zobaczysz w bibliotekach do generowania dokumentów, w logach narzędzi drukarskich i w polu rozmiaru strony w Acrobacie po przełączeniu jednostki na punkty.
Jeżeli robisz raport albo fakturę z kodu i masz wymiary makiety w pikselach, przemnóż je przez 0,75, a otrzymasz gotowe współrzędne strony. Szerokość 800 px daje 600 pt, czyli o pięć punktów więcej niż 595 pt szerokości A4 — cała zawartość zmieści się na stronie dopiero przy makiecie o szerokości 793 px.
Formaty z rodziny A oraz koperta DL wychodzą z milimetrów, więc ich wymiar w punktach jest ułamkiem i biblioteki zaokrąglają go do pełnej liczby. Formaty amerykańskie wychodzą z cali, dlatego wypadają równo: Letter to 8,5 × 11 cala, czyli 612 × 792 pt bez reszty.
| Format | Wymiar w punktach | Wymiar w milimetrach |
|---|---|---|
| A3 | 842 × 1191 pt | 297 × 420 mm |
| A4 | 595 × 842 pt | 210 × 297 mm |
| A5 | 420 × 595 pt | 148 × 210 mm |
| A6 | 298 × 420 pt | 105 × 148 mm |
| B5 (ISO) | 499 × 709 pt | 176 × 250 mm |
| Format | Wymiar w punktach | Wymiar w milimetrach |
|---|---|---|
| Koperta DL | 312 × 624 pt | 110 × 220 mm |
| US Letter | 612 × 792 pt | 215,9 × 279,4 mm |
| US Legal | 612 × 1008 pt | 215,9 × 355,6 mm |
| Tabloid | 792 × 1224 pt | 279,4 × 431,8 mm |
Apple nazywa punktem podstawową jednostkę układu w swoich systemach, ale mierzy nią ekran, nie papier. Właściwość scale opisuje ją wprost jako zależność między punktami, czyli logiczną przestrzenią współrzędnych, a pikselami, czyli przestrzenią urządzenia [3]. Wartość 1,0 oznacza, że punkt równa się pikselowi, wartość 2,0 rozkłada go na dwa piksele, a 3,0 na trzy.
W praktyce projektant rysuje iPhone'a w siatce 402 punktów szerokości, a wyświetlacz pokazuje 1206 pikseli [4]. Punkt iOS przelicza się więc przez współczynnik skali urządzenia, a mnożnik 0,75 z tej strony obsługuje punkt typograficzny.
Android rozwiązał to samo zadanie pod nazwą dp, czyli piksel niezależny od gęstości. Punktem odniesienia jest tam ekran o gęstości 160 dpi, a wzór ma postać px = dp × (dpi ÷ 160). Dokumentacja podaje go wprost i jednocześnie zaleca, żeby w kodzie sięgać po TypedValue.applyDimension() zamiast wpisywać rachunek na sztywno [5]. Dwanaście punktów to jedna pika, więc wynik 240 pt można podać także jako 20 pik — konwerter pikseli na piki liczy od razu w tej jednostce.
Kolumna z punktami pokazuje siatkę, w której projektuje się interfejs, a kolumna z pikselami rzeczywistą liczbę punktów świetlnych wyświetlacza. Wartość 375 pt z pierwszego wiersza to szerokość, na której przez lata opierały się makiety aplikacji na iPhone'a, a 834 pt to szerokość iPada w orientacji pionowej.
| Urządzenie | Punkty (siatka projektu) | Piksele (wyświetlacz) | Skala |
|---|---|---|---|
| iPhone SE (3. generacji) | 375 × 667 pt | 750 × 1334 px | 2× |
| iPhone 17 Pro | 402 × 874 pt | 1206 × 2622 px | 3× |
| iPhone 17 Pro Max | 440 × 956 pt | 1320 × 2868 px | 3× |
| iPad Pro 11 cali | 834 × 1194 pt | 1668 × 2388 px | 2× |
24 px zamieni ją na 18 pt.Wszystkie wartości w tabelach wyliczyliśmy z definicji jednostek i sprawdziliśmy rachunkowo przed publikacją. Dane historyczne i nazwy lokalnych jednostek opieramy na źródłach wymienionych wyżej.
Ostatnia aktualizacja treści: · przygotował i sprawdził zespół Arteon
Jeden piksel to 0,75 punktu przy standardowej gęstości 96 DPI. Cztery piksele dają równe trzy punkty, dlatego wszystkie wartości podzielne przez cztery wychodzą okrągło: 16 px to 12 pt, 20 px to 15 pt, a 24 px to 18 pt.
Liczba punktów = liczba pikseli × 72 ÷ 96, czyli mnożenie przez 0,75. Dla 40 px wychodzi 30 pt, a dla 64 px równe 48 pt. Konwerter powyżej stosuje ten wzór automatycznie, a oba pola są edytowalne, więc wartość wpiszesz z dowolnej strony.
Szesnaście pikseli to 12 punktów. Ta para jest punktem odniesienia dla całej typografii internetowej: 16 px to domyślny rozmiar tekstu w przeglądarce, a 12 pt to typowy stopień pisma w dokumencie biurowym, więc tekst wygląda tak samo na ekranie i na wydruku.
Piętnaście pikseli daje 11,25 pt, a dwadzieścia pikseli daje równe 15 pt. Ćwiartki punktu pojawiają się przy każdej liczbie pikseli, która dzieli się przez cztery z resztą, i programy do składu przyjmują je bez zastrzeżeń.
Jeden cal to 96 pikseli i jednocześnie 72 punkty, tak ustala standard CSS. Sto pikseli daje więc 75 pt, czyli 26,5 mm — o cztery piksele przekracza cal. Wartość 100 pikseli na cal spotkasz natomiast jako ustawienie rozdzielczości w programach graficznych, gdzie liczba jest dowolna.
Arkusz A4 ma w PDF-ie 595 × 842 pt, bo format PDF mierzy stronę w jednostkach o wielkości 1/72 cala, czyli w punktach typograficznych. Amerykański Letter wypada równo: 8,5 × 11 cala daje 612 × 792 pt bez zaokrąglania.
Punkt w systemach Apple opisuje logiczną siatkę ekranu i przelicza się na piksele przez współczynnik skali urządzenia: 1×, 2× albo 3×. Punkt typograficzny ma stałą wielkość 1/72 cala i opisuje wymiar fizyczny. Ta sama nazwa obejmuje więc dwie różne miary, a mnożnik 0,75 dotyczy wyłącznie tej drugiej.
Obie liczby mówią o gęstości, czyli o tym, ile punktów mieści się na calu materiału, ale opisują zupełnie inne poziomy szczegółowości. Siedemdziesiąt dwa punkty na cal odpowiadają starym ekranom Macintosha, 96 to dzisiejszy standard CSS, a 300 to typowa rozdzielczość druku offsetowego. Przeliczenie px na pt opiera się na stałym stosunku 72 do 96, więc wynik wychodzi ten sam niezależnie od rozdzielczości, w jakiej drukujesz.
Wpisz w konwerter wielkość z arkusza stylów, a otrzymasz stopień pisma dla dokumentu. Tekst 16 px daje 12 pt, tekst 18 px daje 13,5 pt, a nagłówek 32 px daje 24 pt. Te same liczby wpiszesz w Wordzie, w InDesignie oraz w polu rozmiaru w kliencie poczty.
Brakuje Ci wartości w tabelach, znalazłeś błąd w przeliczeniu albo chcesz zaproponować nową funkcję? Napisz do nas – wszystkie wiadomości czytamy osobiście i odpowiadamy w ciągu 24 godzin.