Šestnáct pixelů je dvanáct bodů, protože jeden pixel odpovídá 0,75 bodu. Napiš hodnotu v pixelech a výsledek se hned objeví ve vedlejším poli. Převodník se hodí, když návrh vznikl v pixelech a soubor má jít do tisku, do PDF nebo do podpisu v poštovním programu.
Jeden pixel odpovídá 0,75 bodu, protože standard CSS stanoví, že do palce se vejde 96 pixelů a 72 bodů [1]. Odtud plyne dvojice, která se vrací v každém projektu: 16 px je přesně 12 pt a 24 px je 18 pt.
Tímhle směrem se převádí tehdy, když materiál vznikl na obrazovce a končí ve světě tisku. Sazečské programy, poštovní klienti, tabulkové procesory i formát PDF měří text a stránky v bodech, takže návrh popsaný v pixelech potřebuje překlad do jejich jednotky.
Převodník se hodí těm, kdo posílají do tiskárny soubor vzniklý na obrazovce, vývojářům, kteří čtou rozměry stránky z PDF, i návrhářům mobilních rozhraní, kde slovo bod znamená něco úplně jiného.
Níže najdeš tabulku velikostí textu, tabulku velkých hodnot, rozměry devíti formátů stránky v bodech PDF a porovnání bodů a pixelů na displejích Apple. Opačný směr obstará převodník bodů na pixely.
Vzorec je krátký: body = pixely × 72 ÷ 96, tedy násobení 0,75. Dvacet pixelů dá 15 pt, 40 px dá 30 pt a 96 px dá rovných 72 pt, tedy přesně jeden palec.
Výsledek vyjde kulatý pokaždé, když je počet pixelů dělitelný čtyřmi: 12 px je 9 pt, 16 px je 12 pt, 20 px je 15 pt, 24 px je 18 pt. U ostatních hodnot se objeví čtvrtiny bodu — 15 px dá 11,25 pt a 18 px dá 13,5 pt. Sazečské programy takové zlomky přijímají bez výhrad.
Násobitel 0,75 platí při hustotě 96 pixelů na palec, kterou standard CSS předpokládá pro obrazovku i pro tisk z prohlížeče [1]. Když připravuješ rastrovou grafiku v jiném rozlišení, fyzický rozměr spočítáš převodníkem px na mm s nastavitelným DPI. Bod zůstává navázaný na tuhle hustotu bez ohledu na nastavení čtenáře, zatímco rem jde za velikostí textu v prohlížeči: při základu 16 px je jeden pixel 0,0625rem, což spočítá převodník px na rem.
Tabulka pokrývá 29 velikostí od 8 do 96 pixelů, tedy celý rozsah, který potkáš v rozhraních a na webových stránkách. První sloupec dává hodnotu v bodech, druhý fyzickou velikost při hustotě 96 DPI. Tučné řádky jsou velikosti používané nejčastěji: 16 px v běžném textu, 24 px jako práh velkého textu podle WCAG a 96 px jako přesný palec.
| Velikost v pixelech | Body | 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 |
| Velikost v pixelech | Body | 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 |
Tahle tabulka sbírá šířky oken, výřezů a celých obrazovek, které jdou na převod spolu s návrhem. Řádek 1 920 px je šířka Full HD, 1 080 px jeho výška a 512 px nejběžnější velikost ikony aplikace. Sloupec milimetrů ukazuje, jak široký by tenhle rozměr vyšel vytištěný při 96 DPI.
| Hodnota v pixelech | Body | 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 |
| Hodnota v pixelech | Body | Milimetry (96 DPI) |
|---|---|---|
| 512 px | 384 pt | 135,5 mm |
| 600 px | 450 pt | 158,8 mm |
| 800 px | 600 pt | 211,7 mm |
| 1 024 px | 768 pt | 270,9 mm |
| 1 080 px | 810 pt | 285,8 mm |
| 1 200 px | 900 pt | 317,5 mm |
| 1 920 px | 1 440 pt | 508 mm |
| 2 000 px | 1 500 pt | 529,2 mm |
Formát PDF umisťuje každý prvek do uživatelského prostoru, jehož výchozí jednotkou je 1/72 palce, tedy přesně typografický bod. Položka UserUnit v popisu stránky může tuhle hodnotu změnit, a když chybí, platí 1/72 palce [2]. Počátek souřadnic leží v levém dolním rohu stránky a svislá osa roste nahoru.
Proto má list A4 v souboru PDF rozměry 595 × 842 pt, zatímco americký Letter 612 × 792 pt. Tyhle hodnoty uvidíš v knihovnách pro generování dokumentů, v protokolech nástrojů pro předtiskovou přípravu a v poli velikosti stránky v Acrobatu, jakmile přepneš jednotku na body.
Když skládáš fakturu nebo report z kódu a rozměry návrhu máš v pixelech, vynásob je 0,75 a máš hotové souřadnice stránky. Šířka 800 px dá 600 pt, tedy o pět bodů víc než 595 pt šířky formátu A4 — obsah se na stránku vejde až při návrhu o šířce 793 px.
Formáty řady A i obálka DL vycházejí z milimetrů, takže jejich rozměr v bodech je zlomek a knihovny ho zaokrouhlují na celá čísla. Americké formáty vycházejí z palců, a proto vyjdou přesně: Letter měří 8,5 × 11 palce, tedy 612 × 792 pt beze zbytku.
| Formát | Rozměr v bodech | Rozměr v milimetrech |
|---|---|---|
| A4 | 595 × 842 pt | 210 × 297 mm |
| A3 | 842 × 1 191 pt | 297 × 420 mm |
| A5 | 420 × 595 pt | 148 × 210 mm |
| A6 | 298 × 420 pt | 105 × 148 mm |
| B5 (ISO) | 499 × 709 pt | 176 × 250 mm |
| Formát | Rozměr v bodech | Rozměr v milimetrech |
|---|---|---|
| Obálka DL | 312 × 624 pt | 110 × 220 mm |
| US Letter | 612 × 792 pt | 215,9 × 279,4 mm |
| US Legal | 612 × 1 008 pt | 215,9 × 355,6 mm |
| Tabloid | 792 × 1 224 pt | 279,4 × 431,8 mm |
Apple nazývá bodem základní jednotku rozvržení ve svých systémech, měří jí ale obrazovku, ne papír. Vlastnost scale ji popisuje doslova jako vztah mezi body, tedy logickým souřadnicovým prostorem, a pixely, tedy prostorem zařízení [3]. Hodnota 1,0 znamená, že bod se rovná pixelu, hodnota 2,0 ho rozloží na dva pixely a 3,0 na tři.
V praxi kreslí návrhář iPhone v mřížce 402 bodů na šířku, zatímco displej ukazuje 1 206 pixelů [4]. Bod v iOS se tedy převádí přes měřítko zařízení, kdežto násobitel 0,75 z téhle stránky obsluhuje typografický bod.
Android vyřešil totéž pod názvem dp, tedy pixel nezávislý na hustotě. Vztažným bodem je tam obrazovka s hustotou 160 dpi a vzorec zní px = dp × (dpi ÷ 160). Dokumentace ho uvádí výslovně a zároveň doporučuje sáhnout v kódu po TypedValue.applyDimension() místo natvrdo zapsaného výpočtu [5]. Dvanáct bodů tvoří piku, takže výsledek 240 pt lze uvést i jako 20 pik — převodník pixelů na piky vrací rovnou tuhle jednotku.
Sloupec s body ukazuje mřížku, ve které se rozhraní navrhuje, sloupec s pixely skutečný počet světelných bodů displeje. Hodnota 375 pt z prvního řádku je šířka, na které roky stavěly návrhy aplikací pro iPhone, a 834 pt je šířka iPadu na výšku.
| Zařízení | Body (návrhová mřížka) | Pixely (displej) | Měřítko |
|---|---|---|---|
| iPhone SE (3. generace) | 375 × 667 pt | 750 × 1 334 px | 2× |
| iPhone 17 Pro | 402 × 874 pt | 1 206 × 2 622 px | 3× |
| iPhone 17 Pro Max | 440 × 956 pt | 1 320 × 2 868 px | 3× |
| iPad Pro 11 palců | 834 × 1 194 pt | 1 668 × 2 388 px | 2× |
24 px z ní udělá 18 pt.Všechny hodnoty v tabulkách jsme spočítali z definic jednotek a před zveřejněním ověřili výpočtem. Historické údaje a názvy místních jednotek vycházejí ze zdrojů uvedených výše.
Poslední revize obsahu: · napsal a zkontroloval tým Arteon
Jeden pixel je 0,75 bodu při standardní hustotě 96 DPI. Čtyři pixely dají přesně tři body, a proto všechny hodnoty dělitelné čtyřmi vyjdou kulatě: 16 px je 12 pt, 20 px je 15 pt a 24 px je 18 pt.
Body = pixely × 72 ÷ 96, tedy násobení 0,75. Pro 40 px vyjde 30 pt a pro 64 px rovných 48 pt. Převodník výše ten vzorec používá automaticky a obě pole přijímají zadání, takže můžeš začít z kterékoli strany.
Šestnáct pixelů je 12 bodů. Tahle dvojice je vztažným bodem celé webové typografie: 16 px je výchozí velikost textu v prohlížeči a 12 pt obvyklý stupeň písma v kancelářském dokumentu, takže text vypadá stejně na obrazovce i na papíře.
Patnáct pixelů dá 11,25 pt a dvacet pixelů rovných 15 pt. Čtvrtiny bodu se objeví u každého počtu pixelů, který po dělení čtyřmi zanechá zbytek, a sazečské programy je přijímají bez výhrad.
Jeden palec je 96 pixelů a zároveň 72 bodů, tak to stanoví standard CSS. Sto pixelů tedy dá 75 pt, čili 26,5 mm, a palec překročí o čtyři pixely. Hodnotu 100 pixelů na palec naopak potkáš jako nastavení rozlišení v grafických programech, kde si číslo volíš sám.
List A4 má v PDF 595 × 842 pt, protože formát PDF měří stránku v jednotkách o velikosti 1/72 palce, tedy v typografických bodech. Americký Letter vyjde přesně: 8,5 × 11 palce dá 612 × 792 pt bez zaokrouhlování.
Bod v systémech Apple popisuje logickou mřížku obrazovky a na pixely se převádí přes měřítko zařízení: 1×, 2× nebo 3×. Typografický bod má stálou velikost 1/72 palce a popisuje fyzický rozměr. Jedno jméno tak pokrývá dvě různé míry a násobitel 0,75 se týká výhradně té druhé.
Obě čísla mluví o hustotě, tedy o tom, kolik bodů se vejde na palec materiálu, ale popisují docela jiné úrovně detailu. Sedmdesát dva bodů na palec odpovídá starým obrazovkám Macintoshe, 96 je dnešní standard CSS a 300 obvyklé rozlišení ofsetového tisku. Převod px na pt stojí na pevném poměru 72 ku 96, takže výsledek zůstává stejný bez ohledu na rozlišení, ve kterém tiskneš.
Zadej do převodníku velikost ze stylopisu a dostaneš stupeň písma pro dokument. Text 16 px dá 12 pt, text 18 px dá 13,5 pt a nadpis 32 px dá 24 pt. Stejná čísla zapíšeš ve Wordu, v InDesignu i do pole velikosti v poštovním klientovi.
Chybí ti hodnota v tabulkách, našel jsi špatné číslo nebo máš nápad na novou funkci? Napiš nám – všechny zprávy čteme osobně a odpovídáme do 24 hodin.