Převodník Typografie

Od Gutenberga po Retinu: Zvládnutí typografických jednotek

Typografické jednotky tvoří základ designu na tiskových, webových a mobilních platformách. Od tradičního bodového systému zavedeného v 18. století až po moderní měření založená na pixelech je porozumění těmto jednotkám nezbytné pro designéry, vývojáře a kohokoli, kdo pracuje s textem. Tento komplexní průvodce pokrývá více než 22 typografických jednotek, jejich historický kontext, praktické aplikace a techniky převodu pro profesionální práci.

Co můžete převádět
Tento převodník zpracovává více než 22 typografických jednotek pro tisk, web a mobilní zařízení. Převádějte mezi absolutními jednotkami (body, pica, palce) a jednotkami závislými na obrazovce (pixely při různých DPI). Poznámka: Převody pixelů vyžadují kontext DPI – 96 DPI (Windows), 72 DPI (starší Mac) nebo 300 DPI (tisk).

Základní pojmy: Porozumění typografickému měření

Co je to bod?
Bod (pt) je základní jednotkou typografie, definovanou ve standardu PostScript jako přesně 1/72 palce (0,3528 mm). Tato standardizace, zavedená v 80. letech 20. století, sjednotila staletí konkurenčních typografických systémů a dodnes zůstává průmyslovým standardem.

Bod (pt)

Absolutní jednotka typografie, standardizovaná jako 1/72 palce

Body měří velikost písma, řádkování (proklad) a další typografické rozměry. Písmo o velikosti 12pt znamená, že vzdálenost od nejnižšího spodního dotahu k nejvyššímu hornímu dotahu je 12 bodů (1/6 palce neboli 4,23 mm). Bodový systém poskytuje měření nezávislá na zařízení, která se konzistentně překládají napříč médii.

Příklad: 12pt Times New Roman = 0,1667 palce na výšku = 4,23 mm. Profesionální text obvykle používá 10-12pt, nadpisy 18-72pt.

Pixel (px)

Digitální jednotka představující jeden bod na obrazovce nebo v obrázku

Pixely jsou jednotky závislé na zařízení, které se liší v závislosti na hustotě obrazovky (DPI/PPI). Stejný počet pixelů se jeví větší na displejích s nízkým rozlišením (72 PPI) a menší na displejích s vysokým rozlišením retina (220+ PPI). Porozumění vztahům DPI/PPI je klíčové pro konzistentní typografii napříč zařízeními.

Příklad: 16px při 96 DPI = 12pt. Stejných 16px při 300 DPI (tisk) = 3,84pt. Při převodu pixelů vždy uvádějte cílové DPI.

Pica (pc)

Tradiční typografická jednotka rovnající se 12 bodům nebo 1/6 palce

Pica měří šířku sloupců, okraje a rozměry rozvržení stránky v tradičním tiskovém designu. Software pro DTP jako InDesign a QuarkXPress používá pica jako výchozí měrnou jednotku. Jedna pica se rovná přesně 12 bodům, což usnadňuje převody.

Příklad: Standardní novinový sloupec může být široký 15 pica (2,5 palce nebo 180 bodů). Rozvržení časopisů často používá míry 30-40 pica.

Klíčové poznatky
  • 1 bod (pt) = 1/72 palce = 0,3528 mm — absolutní fyzické měření
  • 1 pica (pc) = 12 bodů = 1/6 palce — standard pro rozvržení a šířku sloupce
  • Pixely jsou závislé na zařízení: 96 DPI (Windows), 72 DPI (starší Mac), 300 DPI (tisk)
  • Bod PostScript (1984) sjednotil staletí nekompatibilních typografických systémů
  • Digitální typografie používá body pro design, pixely pro implementaci
  • DPI/PPI určuje převod pixelů na body: vyšší DPI = menší fyzická velikost

Rychlé příklady převodu

12 pt1/6 palce (4,23 mm)
16 px @ 96 DPI12 pt
72 pt1 palec
6 pica72 pt = 1 palec
16 px @ 72 DPI16 pt
32 dp (Android)≈14,4 pt

Vývoj typografického měření

Středověk a raný novověk (1450-1737)

1450–1737

Vznik knihtisku vytvořil potřebu standardizovaných měření, ale regionální systémy zůstávaly po staletí nekompatibilní.

  • 1450: Gutenbergův tiskařský lis vytváří potřebu standardizovaných velikostí písma
  • 1500: Velikosti písma jsou pojmenovány po vydáních Bible (Cicero, Augustin atd.)
  • 1600: Každý evropský region si vyvíjí vlastní bodový systém
  • 1690: Francouzský typograf Fournier navrhuje systém s 12 děleními
  • Rané systémy: Velmi nekonzistentní, lišící se o 0,01-0,02 mm mezi regiony

Systém Didot (1737-1886)

1737–1886

Francouzský tiskař François-Ambroise Didot vytvořil první skutečný standard, který byl přijat po celé kontinentální Evropě a dodnes se používá ve Francii a Německu.

  • 1737: Fournier navrhuje bodový systém založený na francouzském královském palci
  • 1770: François-Ambroise Didot systém zdokonaluje – 1 bod Didot = 0,376 mm
  • 1785: Cicero (12 bodů Didot) se stává standardní mírou
  • 1800: Systém Didot dominuje v kontinentálním evropském tisku
  • Moderní: Stále se používá ve Francii, Německu, Belgii pro tradiční tisk

Anglo-americký systém (1886-1984)

1886–1984

Američtí a britští tiskaři standardizovali systém pica, definující 1 bod jako 0,013837 palce (1/72,27 palce), a ovládli tak typografii v anglickém jazyce.

  • 1886: American Type Founders zavádějí systém pica: 1 pt = 0,013837"
  • 1898: Britové přijímají americký standard, čímž vytvářejí anglo-americkou jednotu
  • 1930-1970: Systém pica dominuje veškerému tisku v anglickém jazyce
  • Rozdíl: Anglo-americký bod (0,351 mm) vs. Didot (0,376 mm) – o 7 % větší
  • Dopad: Vyžadovalo samostatné odlitky písma pro trhy USA/VB oproti evropským trhům

Revoluce PostScript (1984-současnost)

1984–Současnost

Standard PostScript od Adobe sjednotil globální typografii definováním 1 bodu jako přesně 1/72 palce, čímž ukončil staletí nekompatibility a umožnil digitální typografii.

  • 1984: Adobe PostScript definuje 1 pt = přesně 1/72 palce (0,3528 mm)
  • 1985: Apple LaserWriter činí PostScript standardem pro DTP
  • 1990: Bod PostScript se stává globálním standardem a nahrazuje regionální systémy
  • 2000: TrueType, OpenType přijímají měření PostScript
  • Moderní: Bod PostScript je univerzálním standardem pro veškerý digitální design

Tradiční typografické systémy

Předtím, než PostScript v roce 1984 sjednotil měření, existovaly vedle sebe regionální typografické systémy, každý s jedinečnými definicemi bodu. Tyto systémy zůstávají důležité pro historický tisk a specializované aplikace.

Systém Didot (francouzský/evropský)

Založen v roce 1770 François-Ambroise Didotem

Kontinentální evropský standard, stále používaný ve Francii, Německu a částech východní Evropy pro tradiční tisk.

  • 1 bod Didot = 0,376 mm (vs. PostScript 0,353 mm) – o 6,5 % větší
  • 1 cicero = 12 bodů Didot = 4,51 mm (srovnatelné s pica)
  • Založeno na francouzském královském palci (27,07 mm), což poskytuje jednoduchost podobnou metrickému systému
  • Stále preferováno v evropském uměleckém knihtisku a klasickém tisku
  • Moderní použití: Francouzská Imprimerie nationale, německá typografie Fraktur

Systém TeX (akademický)

Vytvořeno v roce 1978 Donaldem Knuthem pro počítačovou sazbu

Akademický standard pro matematické a vědecké publikování, optimalizovaný pro přesnou digitální kompozici.

  • 1 bod TeX = 1/72,27 palce = 0,351 mm (odpovídá starému anglo-americkému bodu)
  • Zvoleno pro zachování kompatibility s předdigitálními akademickými publikacemi
  • 1 pica TeX = 12 bodů TeX (o něco menší než pica PostScript)
  • Používáno LaTeXem, dominantním systémem vědeckého publikování
  • Klíčové pro: Akademické práce, matematické texty, fyzikální časopisy

Twip (počítačové systémy)

Typografie Microsoft Word a Windows

Vnitřní měrná jednotka pro textové procesory, poskytující jemnou kontrolu pro rozvržení digitálních dokumentů.

  • 1 twip = 1/20 bodu = 1/1440 palce = 0,0176 mm
  • Název: 'Dvacátina bodu' – extrémně přesné měření
  • Interně používáno: Microsoft Word, Excel, PowerPoint, Windows GDI
  • Umožňuje zlomkové velikosti bodů bez matematiky s plovoucí desetinnou čárkou
  • 20 twipů = 1 bod, což umožňuje přesnost 0,05pt pro profesionální sazbu

Americký tiskařský bod

Standard American Type Founders z roku 1886

Předdigitální standard pro tisk v anglickém jazyce, mírně odlišný od PostScriptu.

  • 1 tiskařský bod = 0,013837 palce = 0,351 mm
  • Rovná se 1/72,27 palce (vs. PostScript 1/72) – o 0,4 % menší
  • Pica = 0,166 palce (vs. PostScript 0,16667) – sotva znatelný rozdíl
  • Dominoval v letech 1886-1984 před sjednocením PostScriptem
  • Dědictví: Některé tradiční tiskárny se stále odvolávají na tento systém

Běžné typografické velikosti

PoužitíBodyPixely (96 DPI)Poznámky
Drobný tisk / poznámky pod čarou8-9 pt11-12 pxMinimální čitelnost
Běžný text (tisk)10-12 pt13-16 pxKnihy, časopisy
Běžný text (web)12 pt16 pxVýchozí nastavení prohlížeče
Podnadpisy14-18 pt19-24 pxNadpisy sekcí
Nadpisy (H2-H3)18-24 pt24-32 pxNázvy článků
Hlavní titulky (H1)28-48 pt37-64 pxNázvy stránek/plakátů
Zobrazení textu60-144 pt80-192 pxPlakáty, billboardy
Minimální dotykový cíl33 pt44 pxPřístupnost pro iOS
Standardní šířka sloupce180 pt (15 pc)240 pxNoviny
Standardní proklad14,4 pt (pro text 12pt)19,2 px120% řádkování

Zajímavá fakta o typografii

Původ slova 'Font'

Slovo 'font' pochází z francouzského 'fonte', což znamená 'litý' nebo 'roztavený' – odkazuje na roztavený kov litý do forem k vytvoření jednotlivých kovových písmen v tradičním knihtisku.

Proč 72 bodů?

PostScript zvolil 72 bodů na palec, protože 72 je dělitelné 2, 3, 4, 6, 8, 9, 12, 18, 24 a 36 – což usnadňuje výpočty. Také se velmi blízce shodoval s tradičním systémem pica (72,27 bodu/palec).

Nejdražší písmo

Bauer Bodoni stojí 89 900 dolarů za kompletní rodinu – jedno z nejdražších komerčních písem, jaké kdy bylo prodáno. Jeho návrh vyžadoval roky práce na digitalizaci z původních kovových vzorků písma z 20. let 20. století.

Psychologie Comic Sans

Navzdory nenávisti designérů Comic Sans zvyšuje rychlost čtení u čtenářů s dyslexií o 10-15 % díky nepravidelným tvarům písmen, které zabraňují záměně znaků. Je to vlastně cenný nástroj pro přístupnost.

Univerzální symbol

Symbol '@' má v různých jazycích různé názvy: 'šnek' (italsky), 'opičí ocas' (nizozemsky), 'myška' (čínsky) a 'zavináč' (česky) – ale je to stejný znak o velikosti 24pt.

Volba 72 DPI u Macu

Apple zvolil 72 DPI pro původní Macy, aby přesně odpovídal bodům PostScript (1 pixel = 1 bod), což poprvé umožnilo DTP WYSIWYG v roce 1984. To způsobilo revoluci v grafickém designu.

Časová osa vývoje typografie

1450

Gutenberg vynalézá knihtisk – první potřeba standardů pro měření písma

1737

François-Ambroise Didot vytváří bodový systém Didot (0,376 mm)

1886

American Type Founders standardizují systém pica (1 pt = 1/72,27 palce)

1978

Donald Knuth vytváří bodový systém TeX pro akademickou sazbu

1984

Adobe PostScript definuje 1 pt = přesně 1/72 palce – globální sjednocení

1985

Apple LaserWriter přináší PostScript do DTP

1991

Formát písma TrueType standardizuje digitální typografii

1996

CSS zavádí webovou typografii s měřením založeným na pixelech

2007

iPhone představuje displeje retina @2x – design nezávislý na hustotě

2008

Android se spouští s dp (pixely nezávislé na hustotě)

2010

Webová písma (WOFF) umožňují vlastní typografii online

2014

Specifikace variabilních písem – jeden soubor, nekonečné styly

Digitální typografie: Obrazovky, DPI a rozdíly mezi platformami

Digitální typografie zavádí měření závislá na zařízení, kde stejná číselná hodnota vytváří různé fyzické velikosti v závislosti na hustotě obrazovky. Porozumění konvencím platforem je klíčové pro konzistentní design.

Windows (standard 96 DPI)

96 DPI (96 pixelů na palec)

Microsoft standardizoval 96 DPI ve Windows 95, čímž vytvořil poměr 4:3 mezi pixely a body. Toto zůstává výchozím nastavením pro většinu PC displejů.

  • 1 px při 96 DPI = 0,75 pt (4 pixely = 3 body)
  • 16px = 12pt – běžný převod velikosti textu
  • Historie: Zvoleno jako 1,5× původního standardu CGA 64 DPI
  • Moderní: Displeje s vysokým DPI používají škálování 125 %, 150 %, 200 % (120, 144, 192 DPI)
  • Výchozí pro web: CSS předpokládá 96 DPI pro všechny převody px na fyzické jednotky

macOS (starší 72 DPI, 220 PPI Retina)

72 DPI (starší), 220 PPI (@2x Retina)

Původních 72 DPI od Apple přesně odpovídalo bodům PostScript 1:1. Moderní displeje Retina používají škálování @2x/@3x pro ostré zobrazení.

  • Starší: 1 px při 72 DPI = přesně 1 pt (perfektní shoda)
  • Retina @2x: 2 fyzické pixely na bod, efektivní 220 PPI
  • Retina @3x: 3 fyzické pixely na bod, 330 PPI (iPhone)
  • Výhoda: Velikosti v bodech se shodují na obrazovce i v náhledu tisku
  • Realita: Fyzická Retina je 220 PPI, ale je škálována tak, aby se jevila jako 110 PPI (2×)

Android (základní linie 160 DPI)

160 DPI (pixel nezávislý na hustotě)

Systém dp (pixelů nezávislých na hustotě) v Androidu se normalizuje na základní linii 160 DPI, s kategoriemi hustoty pro různé obrazovky.

  • 1 dp při 160 DPI = 0,45 pt (160 pixelů/palec ÷ 72 bodů/palec)
  • Kategorie hustoty: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
  • Vzorec: fyzické pixely = dp × (DPI obrazovky / 160)
  • 16sp (pixel nezávislý na měřítku) = doporučená minimální velikost textu
  • Výhoda: Stejná hodnota dp se jeví fyzicky identická na všech zařízeních s Androidem

iOS (72 DPI @1x, 144+ DPI @2x/@3x)

72 DPI (@1x), 144 DPI (@2x), 216 DPI (@3x)

iOS používá bod jako logickou jednotku identickou s body PostScript, přičemž počet fyzických pixelů závisí na generaci obrazovky (ne-retina @1x, retina @2x, super-retina @3x).

  • 1 bod iOS při @1x = 1,0 pt PostScript (základní linie 72 DPI, stejně jako PostScript)
  • Retina @2x: 2 fyzické pixely na bod iOS (144 DPI)
  • Super Retina @3x: 3 fyzické pixely na bod iOS (216 DPI)
  • Všechny designy pro iOS používají body; systém automaticky spravuje hustotu pixelů
  • 17pt = minimální doporučená velikost textu (přístupnost)

DPI vs. PPI: Porozumění hustotě obrazovky a tisku

DPI (Body na palec)

Rozlišení tiskárny – kolik inkoustových bodů se vejde do jednoho palce

DPI měří výstupní rozlišení tiskárny. Vyšší DPI vytváří hladší text a obrázky umístěním více inkoustových bodů na palec.

  • 300 DPI: Standard pro profesionální tisk (časopisy, knihy)
  • 600 DPI: Vysoce kvalitní laserový tisk (obchodní dokumenty)
  • 1200-2400 DPI: Profesionální tisk fotografií a reprodukce uměleckých děl
  • 72 DPI: Pouze pro náhled na obrazovce – nepřijatelné pro tisk (vypadá zubatě)
  • 150 DPI: Konceptový tisk nebo velkoformátové plakáty (prohlížené z dálky)

PPI (Pixely na palec)

Rozlišení obrazovky – kolik pixelů se vejde do jednoho palce displeje

PPI měří hustotu displeje. Vyšší PPI vytváří ostřejší text na obrazovce vměstnáním více pixelů do stejného fyzického prostoru.

  • 72 PPI: Původní displeje Mac (1 pixel = 1 bod)
  • 96 PPI: Standardní displeje Windows (1,33 pixelu na bod)
  • 110-120 PPI: Levné monitory pro notebooky/stolní počítače
  • 220 PPI: MacBook Retina, iPad Pro (2× hustota pixelů)
  • 326-458 PPI: iPhone Retina/Super Retina (3× hustota pixelů)
  • 400-600 PPI: Špičkové telefony s Androidem (Samsung, Google Pixel)
Běžná chyba: Zaměňování DPI a PPI

DPI a PPI se často používají zaměnitelně, ale měří různé věci. DPI je pro tiskárny (inkoustové body), PPI je pro obrazovky (světlo emitující pixely). Při navrhování vždy uvádějte: 'Obrazovka s 96 PPI' nebo 'Tisk s 300 DPI' – nikdy jen 'DPI', protože je to nejednoznačné.

Praktické aplikace: Volba správných jednotek

Tiskový design

Tisk používá absolutní jednotky (body, pica), protože fyzická velikost výstupu musí být přesná a nezávislá na zařízení.

  • Běžný text: 10-12pt pro knihy, 9-11pt pro časopisy
  • Nadpisy: 18-72pt v závislosti na hierarchii a formátu
  • Proklad (řádkování): 120 % velikosti písma (text 12pt = proklad 14,4pt)
  • Měřte absolutní rozměry v pica: 'Šířka sloupce: 25 pica'
  • Vždy navrhujte s rozlišením 300 DPI pro profesionální tisk
  • Nikdy nepoužívejte pixely pro tisk – převeďte je na body/pica/palce

Webový design

Webová typografie používá pixely a relativní jednotky, protože obrazovky se liší velikostí a hustotou.

  • Běžný text: 16px výchozí (standard prohlížeče) = 12pt při 96 DPI
  • Nikdy nepoužívejte absolutní body v CSS – prohlížeče je vykreslují nepředvídatelně
  • Responzivní design: používejte rem (relativní k základnímu písmu) pro škálovatelnost
  • Minimální text: 14px pro běžný text, 12px pro popisky (přístupnost)
  • Výška řádku: 1,5 (bez jednotky) pro čitelnost běžného textu
  • Media queries: navrhujte pro 320px (mobilní) až 1920px+ (desktop)

Mobilní aplikace

Mobilní platformy používají jednotky nezávislé na hustotě (dp/pt) k zajištění konzistentní fyzické velikosti napříč různými hustotami obrazovek.

  • iOS: Navrhujte v bodech (pt), systém automaticky škáluje na @2x/@3x
  • Android: Používejte dp (pixely nezávislé na hustotě) pro rozvržení, sp pro text
  • Minimální dotykový cíl: 44pt (iOS) nebo 48dp (Android) pro přístupnost
  • Běžný text: minimálně 16sp (Android) nebo 17pt (iOS)
  • Nikdy nepoužívejte fyzické pixely – vždy používejte logické jednotky (dp/pt)
  • Testujte na více hustotách: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi

Akademická a vědecká sféra

Akademické publikování používá body TeX pro matematickou přesnost a kompatibilitu se zavedenou literaturou.

  • LaTeX používá body TeX (72,27 na palec) pro zpětnou kompatibilitu
  • Standardní časopis: písmo Computer Modern 10pt
  • Dvousloupcový formát: sloupce o šířce 3,33 palce (240pt) s mezerou 0,25 palce (18pt)
  • Rovnice: Přesné velikosti v bodech jsou klíčové pro matematickou notaci
  • Převádějte opatrně: 1 TeX pt = 0,9963 PostScript pt
  • Výstup PDF: TeX automaticky zpracovává převody bodových systémů

Běžné převody a výpočty

Rychlá reference pro každodenní typografické převody:

Základní převody

ZNaVzorecPříklad
BodyPalcept ÷ 7272pt = 1 palec
BodyMilimetrypt × 0,352812pt = 4,23 mm
BodyPicapt ÷ 1272pt = 6 pica
Pixely (96 DPI)Bodypx × 0,7516px = 12pt
Pixely (72 DPI)Bodypx × 112px = 12pt
PicaPalcepc ÷ 66pc = 1 palec
PalceBodyin × 722in = 144pt
Android dpBodydp × 0,4532dp = 14,4pt

Kompletní reference pro převod jednotek

Všechny typografické jednotky s přesnými převodními faktory. Základní jednotka: Bod PostScript (pt)

Absolutní (fyzické) jednotky

Base Unit: Bod PostScript (pt)

UnitTo PointsTo InchesExample
Bod (pt)× 1÷ 7272 pt = 1 palec
Pica (pc)× 12÷ 66 pc = 1 palec = 72 pt
Palec (in)× 72× 11 in = 72 pt = 6 pc
Milimetr (mm)× 2,8346÷ 25,425,4 mm = 1 in = 72 pt
Centimetr (cm)× 28,346÷ 2,542,54 cm = 1 in
Bod Didot× 1,07÷ 67,667,6 Didot = 1 in
Cicero× 12,84÷ 5,61 cicero = 12 Didot
Bod TeX× 0,9963÷ 72,2772,27 TeX pt = 1 in

Obrazovkové/digitální jednotky (závislé na DPI)

Tyto převody závisí na DPI obrazovky (body na palec). Výchozí předpoklady: 96 DPI (Windows), 72 DPI (starší Mac)

UnitTo PointsFormulaExample
Pixel @ 96 DPI× 0,75pt = px × 72/9616 px = 12 pt
Pixel @ 72 DPI× 1pt = px × 72/7212 px = 12 pt
Pixel @ 300 DPI× 0,24pt = px × 72/300300 px = 72 pt = 1 in

Jednotky mobilních platforem

Logické jednotky specifické pro platformu, které se škálují s hustotou zařízení

UnitTo PointsFormulaExample
Android dp× 0,45pt ≈ dp × 72/16032 dp ≈ 14,4 pt
iOS pt (@1x)× 1,0Bod PostScript = bod iOS (identické)17 iOS pt = 17 PostScript pt
iOS pt (@2x Retina)2 fyzické px na iOS pt2× pixelů1 iOS pt = 2 pixely obrazovky
iOS pt (@3x)3 fyzické px na iOS pt3× pixelů1 iOS pt = 3 pixely obrazovky

Starší a specializované jednotky

UnitTo PointsFormulaExample
Twip (1/20 pt)÷ 20pt = twip / 201440 twip = 72 pt = 1 in
Q (1/4 mm)× 0,7087pt = Q × 0,25 × 2,83464 Q = 1 mm
Velký bod PostScript× 1,00375Přesně 1/72 palce72 bp = 1,0027 in

Základní výpočty

CalculationFormulaExample
Převod DPI na bodypt = (px × 72) / DPI16px @ 96 DPI = (16×72)/96 = 12 pt
Fyzická velikost z bodůpalce = pt / 72144 pt = 144/72 = 2 palce
Proklad (řádkování)proklad = velikost písma × 1,2 až 1,45písmo 12pt → proklad 14,4-17,4pt
Rozlišení tiskupotřebné pixely = (palce × DPI) pro šířku a výšku8×10 in @ 300 DPI = 2400×3000 px

Nejlepší postupy pro typografii

Tiskový design

  • Vždy pracujte v bodech nebo pica – nikdy v pixelech pro tisk
  • Nastavte dokumenty na skutečnou velikost (300 DPI) od začátku
  • Používejte 10-12pt pro běžný text; cokoli menšího snižuje čitelnost
  • Proklad by měl být 120-145 % velikosti písma pro pohodlné čtení
  • Okraje: Minimálně 0,5 palce (36pt) pro vazbu a manipulaci
  • Před odesláním do komerční tiskárny si vytiskněte zkušební tisk ve skutečné velikosti

Webový vývoj

  • Používejte rem pro velikosti písem – umožňuje uživateli zoomovat bez narušení rozvržení
  • Nastavte základní písmo na 16px (výchozí nastavení prohlížeče) – nikdy menší
  • Používejte hodnoty výšky řádku bez jednotek (1,5) místo pevných výšek
  • Nikdy nepoužívejte absolutní velikosti bodů v CSS – nepředvídatelné vykreslování
  • Testujte na skutečných zařízeních, nejen změnou velikosti prohlížeče – na DPI záleží
  • Minimální velikost písma: 14px běžný text, 12px popisky, 44px dotykové cíle

Mobilní aplikace

  • iOS: Navrhujte @1x, automaticky exportujte prostředky @2x a @3x
  • Android: Navrhujte v dp, testujte na mdpi/hdpi/xhdpi/xxhdpi
  • Minimální text: 17pt (iOS) nebo 16sp (Android) pro přístupnost
  • Dotykové cíle: minimálně 44pt (iOS) nebo 48dp (Android)
  • Testujte na fyzických zařízeních – simulátory nezobrazují skutečnou hustotu
  • Pokud je to možné, používejte systémová písma – jsou optimalizovaná pro platformu

Přístupnost

  • Minimální běžný text: 16px (web), 17pt (iOS), 16sp (Android)
  • Vysoký kontrast: 4,5:1 pro běžný text, 3:1 pro velký text (18pt+)
  • Podporujte škálování uživatelem: používejte relativní jednotky, nikoli pevné velikosti
  • Délka řádku: 45-75 znaků na řádek pro optimální čitelnost
  • Výška řádku: minimálně 1,5× velikosti písma pro přístupnost pro dyslexii
  • Testujte s čtečkami obrazovky a zoomem na 200 %

Často kladené otázky

Proč můj text vypadá v Photoshopu a Wordu různě velký?

Photoshop předpokládá 72 PPI pro zobrazení na obrazovce, zatímco Word používá 96 DPI (Windows) pro rozvržení. Písmo o velikosti 12pt v Photoshopu se na obrazovce jeví o 33 % větší než ve Wordu, přestože se obě tisknou ve stejné velikosti. Nastavte Photoshop na 300 PPI pro tiskové práce, abyste viděli správné velikosti.

Mám pro web navrhovat v bodech nebo v pixelech?

Vždy v pixelech (nebo relativních jednotkách jako rem/em) pro web. Body jsou absolutní fyzické jednotky, které se v různých prohlížečích a zařízeních vykreslují nekonzistentně. 12pt může být 16px na jednom zařízení a 20px na jiném. Používejte px/rem pro předvídatelnou webovou typografii.

Jaký je rozdíl mezi pt, px a dp?

pt = absolutní fyzický (1/72 palce), px = pixel obrazovky (liší se podle DPI), dp = Android nezávislý na hustotě (normalizovaný na 160 DPI). Používejte pt pro tisk, px pro web, dp pro Android, logický pt iOS pro iOS. Každý systém je optimalizován pro svou platformu.

Proč 12pt vypadá v různých aplikacích jinak?

Aplikace interpretují body různě v závislosti na jejich předpokladu DPI. Word používá 96 DPI, Photoshop má výchozí 72 PPI, InDesign používá skutečné rozlišení zařízení. 12pt je při tisku vždy 1/6 palce, ale na obrazovce se jeví různě velký kvůli nastavení DPI.

Jak převedu body TeX na body PostScript?

Vynásobte body TeX číslem 0,9963, abyste získali body PostScript (1 TeX pt = 1/72,27 palce vs. PostScript 1/72 palce). Rozdíl je nepatrný – pouze 0,37 % – ale je důležitý pro akademické publikování, kde je přesné řádkování klíčové pro matematickou notaci.

V jakém rozlišení bych měl navrhovat?

Tisk: minimálně 300 DPI, 600 DPI pro vysokou kvalitu. Web: Navrhujte s 96 DPI, poskytněte prostředky @2x pro retinu. Mobilní zařízení: Navrhujte @1x v logických jednotkách (pt/dp), exportujte @2x/@3x. Nikdy nenavrhujte s 72 DPI, pokud se nezaměřujete na starší displeje Mac.

Proč je 16px webovým standardem?

Výchozí velikost písma v prohlížeči je 16px (ekvivalent 12pt při 96 DPI), zvolená pro optimální čitelnost při typických pozorovacích vzdálenostech (18-24 palců). Cokoli menšího snižuje čitelnost, zejména pro starší uživatele. Vždy používejte 16px jako základ pro relativní velikosti.

Musím vědět o bodech Didot?

Pouze pokud pracujete s tradičním evropským tiskem, francouzskými vydavateli nebo historickými reprodukcemi. Body Didot (0,376 mm) jsou o 6,5 % větší než body PostScript. Moderní digitální design univerzálně používá body PostScript – Didot je relevantní hlavně pro klasickou typografii a umělecké knihy.

Kompletní Adresář Nástrojů

Všech 71 nástrojů dostupných na UNITS

Filtrovat podle:
Kategorie: