Prevodník Typografie

Od Gutenberga po Retinu: Zvládnutie Typografických Jednotiek

Typografické jednotky tvoria základ dizajnu naprieč tlačovými, webovými a mobilnými platformami. Od tradičného bodového systému zavedeného v 18. storočí až po moderné merania založené na pixeloch, porozumenie týmto jednotkám je nevyhnutné pre dizajnérov, vývojárov a každého, kto pracuje s textom. Tento komplexný sprievodca pokrýva viac ako 22 typografických jednotiek, ich historický kontext, praktické aplikácie a techniky prevodu pre profesionálnu prácu.

Čo môžete prevádzať
Tento prevodník spracováva viac ako 22 typografických jednotiek naprieč tlačou, webom a mobilnými zariadeniami. Prevádzajte medzi absolútnymi jednotkami (body, pica, palce) a jednotkami závislými od obrazovky (pixely pri rôznych DPI). Poznámka: Prevody pixelov vyžadujú kontext DPI—96 DPI (Windows), 72 DPI (starší Mac), alebo 300 DPI (tlač).

Základné Pojmy: Porozumenie Typografickému Meraniu

Čo je to bod (Point)?
Bod (pt) je základnou jednotkou typografie, definovanou v štandarde PostScript ako presne 1/72 palca (0.3528 mm). Táto štandardizácia, zavedená v 80. rokoch 20. storočia, zjednotila storočia konkurenčných typografických systémov a dodnes zostáva priemyselným štandardom.

Point (bod) (pt)

Absolútna jednotka typografie, štandardizovaná ako 1/72 palca

Body merajú veľkosť písma, riadkovanie (leading) a ďalšie typografické rozmery. Písmo veľkosti 12pt znamená, že vzdialenosť od najnižšieho dolného doťahu po najvyšší horný doťah je 12 bodov (1/6 palca alebo 4.23mm). Bodový systém poskytuje merania nezávislé od zariadenia, ktoré sa konzistentne prekladajú naprieč médiami.

Príklad: 12pt Times New Roman = 0.1667 palca na výšku = 4.23mm. Profesionálny základný text zvyčajne používa 10-12pt, nadpisy 18-72pt.

Pixel (px)

Digitálna jednotka reprezentujúca jeden bod na obrazovke alebo v obraze

Pixely sú jednotky závislé od zariadenia, ktoré sa líšia v závislosti od hustoty obrazovky (DPI/PPI). Rovnaký počet pixelov sa zobrazí väčší na displejoch s nízkym rozlíšením (72 PPI) a menší na retina displejoch s vysokým rozlíšením (220+ PPI). Porozumenie vzťahom DPI/PPI je kľúčové pre konzistentnú typografiu naprieč zariadeniami.

Príklad: 16px pri 96 DPI = 12pt. Tých istých 16px pri 300 DPI (tlač) = 3.84pt. Pri prevode pixelov vždy špecifikujte cieľové DPI.

Pica (pc)

Tradičná typografická jednotka rovnajúca sa 12 bodom alebo 1/6 palca

Pica meria šírky stĺpcov, okraje a rozmery rozloženia stránky v tradičnom tlačovom dizajne. DTP softvér ako InDesign a QuarkXPress používa pica ako predvolenú mernú jednotku. Jedna pica sa rovná presne 12 bodom, čo robí prevody jednoduchými.

Príklad: Štandardný novinový stĺpec môže byť široký 15 pica (2.5 palca alebo 180 bodov). Rozloženia časopisov často používajú miery 30-40 pica.

Kľúčové Poznatky
  • 1 bod (pt) = 1/72 palca = 0.3528 mm — absolútne fyzikálne meranie
  • 1 pica (pc) = 12 bodov = 1/6 palca — štandard pre rozloženie a šírku stĺpcov
  • Pixely sú závislé od zariadenia: 96 DPI (Windows), 72 DPI (starší Mac), 300 DPI (tlač)
  • PostScript bod (1984) zjednotil storočia nekompatibilných typografických systémov
  • Digitálna typografia používa body pre dizajn, pixely pre implementáciu
  • DPI/PPI určuje prevod z pixelov na body: vyššie DPI = menšia fyzická veľkosť

Rýchle Príklady Prevodu

12 pt1/6 palca (4.23 mm)
16 px @ 96 DPI12 pt
72 pt1 palec
6 picas72 pt = 1 palec
16 px @ 72 DPI16 pt
32 dp (Android)≈14.4 pt

Evolúcia Typografického Merania

Stredovek & Raný Novovek (1450-1737)

1450–1737

Zrod pohyblivej tlače vytvoril potrebu štandardizovaných meraní, ale regionálne systémy zostali nekompatibilné po celé stáročia.

  • 1450: Gutenbergova tlačiarenská lis vytvára potrebu štandardizovaných veľkostí písma
  • 1500-te roky: Veľkosti písma pomenované podľa vydaní Biblie (Cicero, Augustin atď.)
  • 1600-te roky: Každý európsky región si vyvíja vlastný bodový systém
  • 1690-te roky: Francúzsky typograf Fournier navrhuje 12-dielny systém
  • Rané systémy: Divoko nekonzistentné, líšiace sa o 0.01-0.02mm medzi regiónmi

Systém Didot (1737-1886)

1737–1886

Francúzsky tlačiar François-Ambroise Didot vytvoril prvý skutočný štandard, prijatý v celej kontinentálnej Európe a dodnes používaný vo Francúzsku a Nemecku.

  • 1737: Fournier navrhuje bodový systém založený na francúzskom kráľovskom palci
  • 1770: François-Ambroise Didot vylepšuje systém — 1 bod Didot = 0.376mm
  • 1785: Cicero (12 bodov Didot) sa stáva štandardnou mierou
  • 1800-te roky: Systém Didot dominuje kontinentálnej európskej tlači
  • Súčasnosť: Stále sa používa vo Francúzsku, Nemecku, Belgicku pre tradičnú tlač

Anglo-Americký Systém (1886-1984)

1886–1984

Americkí a britskí tlačiari štandardizovali systém pica, definujúc 1 bod ako 0.013837 palca (1/72.27 palca), čo dominovalo typografii v anglickom jazyku.

  • 1886: American Type Founders zavádzajú systém pica: 1 pt = 0.013837"
  • 1898: Briti prijímajú americký štandard, vytvárajúc anglo-americkú jednotu
  • 1930-te - 1970-te roky: Systém pica dominuje všetkej tlači v anglickom jazyku
  • Rozdiel: Anglo-americký bod (0.351mm) vs Didot (0.376mm) — o 7% väčší
  • Vplyv: Vyžadovalo si to samostatné odlievanie písma pre trhy USA/UK vs európske trhy

PostScript Revolúcia (1984-Súčasnosť)

1984–Súčasnosť

Štandard PostScript od Adobe zjednotil globálnu typografiu definovaním 1 bodu ako presne 1/72 palca, čím ukončil storočia nekompatibility a umožnil digitálnu typografiu.

  • 1984: Adobe PostScript definuje 1 pt = presne 1/72 palca (0.3528mm)
  • 1985: Apple LaserWriter robí PostScript štandardom pre desktop publishing
  • 1990-te roky: PostScript bod sa stáva globálnym štandardom, nahrádzajúc regionálne systémy
  • 2000-te roky: TrueType, OpenType prijímajú merania PostScript
  • Súčasnosť: PostScript bod je univerzálnym štandardom pre všetok digitálny dizajn

Tradičné Typografické Systémy

Predtým, ako PostScript v roku 1984 zjednotil merania, koexistovali regionálne typografické systémy, každý s jedinečnými definíciami bodu. Tieto systémy zostávajú dôležité pre historickú tlač a špecializované aplikácie.

Systém Didot (francúzsky/európsky)

Založený v roku 1770 François-Ambroise Didotom

Kontinentálny európsky štandard, stále používaný vo Francúzsku, Nemecku a častiach východnej Európy pre tradičnú tlač.

  • 1 bod Didot = 0.376mm (vs PostScript 0.353mm) — o 6.5% väčší
  • 1 Cicero = 12 bodov Didot = 4.51mm (porovnateľné s pica)
  • Založený na francúzskom kráľovskom palci (27.07mm), poskytujúc jednoduchosť podobnú metrickému systému
  • Stále preferovaný v európskej umeleckej knižnej a klasickej tlači
  • Moderné použitie: Francúzska Imprimerie nationale, nemecká fraktúrová typografia

Systém TeX (akademický)

Vytvorený v roku 1978 Donaldom Knuthom pre počítačovú sadzbu

Akademický štandard pre matematické a vedecké publikovanie, optimalizovaný pre presnú digitálnu kompozíciu.

  • 1 bod TeX = 1/72.27 palca = 0.351mm (zhoduje sa so starým anglo-americkým bodom)
  • Zvolený na zachovanie kompatibility s pred-digitálnymi akademickými publikáciami
  • 1 pica TeX = 12 bodov TeX (mierne menší ako PostScript pica)
  • Používaný LaTeXom, dominantným vedeckým publikačným systémom
  • Kritický pre: Akademické práce, matematické texty, fyzikálne časopisy

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

Typografia Microsoft Word a Windows

Interná merná jednotka pre textové procesory, poskytujúca jemnú kontrolu nad rozložením digitálnych dokumentov.

  • 1 twip = 1/20 bodu = 1/1440 palca = 0.0176mm
  • Názov: 'TWentieth of a Point' (dvadsiatina bodu) — extrémne presné meranie
  • Interne používaný v: Microsoft Word, Excel, PowerPoint, Windows GDI
  • Umožňuje zlomkové veľkosti bodov bez matematiky s plávajúcou desatinnou čiarkou
  • 20 twipov = 1 bod, umožňujúce presnosť 0.05pt pre profesionálnu sadzbu

Americký Tlačiarenský Bod

Štandard American Type Founders z roku 1886

Pred-digitálny štandard pre tlač v anglickom jazyku, mierne odlišný od PostScriptu.

  • 1 tlačiarenský bod = 0.013837 palca = 0.351mm
  • Rovná sa 1/72.27 palca (vs PostScript 1/72) — o 0.4% menší
  • Pica = 0.166 palca (vs PostScript 0.16667) — sotva postrehnuteľný rozdiel
  • Dominoval v rokoch 1886-1984 pred zjednotením PostScriptom
  • Dedičstvo: Niektoré tradičné tlačiarne stále odkazujú na tento systém

Bežné Typografické Veľkosti

PoužitieBodyPixely (96 DPI)Poznámky
Drobné písmo / poznámky pod čiarou8-9 pt11-12 pxMinimálna čitateľnosť
Základný text (tlač)10-12 pt13-16 pxKnihy, časopisy
Základný text (web)12 pt16 pxPredvolené v prehliadači
Podnadpisy14-18 pt19-24 pxNadpisy sekcií
Nadpisy (H2-H3)18-24 pt24-32 pxNázvy článkov
Hlavné nadpisy (H1)28-48 pt37-64 pxNázvy stránok/plagátov
Zobrazovací typ písma60-144 pt80-192 pxPlagáty, billboardy
Minimálny dotykový cieľ33 pt44 pxPrístupnosť v iOS
Štandardná šírka stĺpca180 pt (15 pc)240 pxNoviny
Štandardné riadkovanie14.4 pt (pre 12pt text)19.2 px120% riadkovanie

Fascinujúce Fakty o Typografii

Pôvod slova 'Font'

Slovo 'font' pochádza z francúzskeho 'fonte', čo znamená 'odliatok' alebo 'roztavený'—odkazujúc na roztavený kov liaty do foriem na vytvorenie jednotlivých kovových písmen v tradičnej kníhtlači.

Prečo 72 bodov?

PostScript si zvolil 72 bodov na palec, pretože 72 je deliteľné 2, 3, 4, 6, 8, 9, 12, 18, 24 a 36—čo uľahčuje výpočty. Taktiež sa to tesne zhodovalo s tradičným systémom pica (72.27 bodov/palec).

Najdrahšie Písmo

Bauer Bodoni stojí 89,900 dolárov za kompletnú rodinu—jedno z najdrahších komerčných písiem, aké sa kedy predávali. Jeho dizajn si vyžadoval roky práce na digitalizáciu z pôvodných kovových vzorov z 20. rokov 20. storočia.

Psychológia Comic Sans

Napriek nenávisti dizajnérov, Comic Sans zvyšuje rýchlosť čítania u dyslektikov o 10-15% vďaka nepravidelným tvarom písmen, ktoré zabraňujú zámene znakov. Je to vlastne cenný nástroj prístupnosti.

Univerzálny Symbol

Symbol '@' má v rôznych jazykoch rôzne názvy: 'slimák' (taliančina), 'opičí chvost' (holandčina), 'myška' (čínština) a 'zavináč' (čeština)—ale je to ten istý 24pt znak.

Voľba 72 DPI pre Mac

Apple si zvolil 72 DPI pre pôvodné Macy, aby sa presne zhodovali s bodmi PostScript (1 pixel = 1 bod), čo v roku 1984 po prvýkrát umožnilo WYSIWYG desktop publishing. To revolucionalizovalo grafický dizajn.

Časová Os Evolúcie Typografie

1450

Gutenberg vynašiel pohyblivú tlač – prvá potreba štandardov merania písma

1737

François-Ambroise Didot vytvoril bodový systém Didot (0.376mm)

1886

American Type Founders štandardizovali systém pica (1 pt = 1/72.27 palca)

1978

Donald Knuth vytvoril bodový systém TeX pre akademickú sadzbu

1984

Adobe PostScript definuje 1 pt = presne 1/72 palca – globálne zjednotenie

1985

Apple LaserWriter prináša PostScript do desktop publishingu

1991

Formát písma TrueType štandardizuje digitálnu typografiu

1996

CSS zavádza webovú typografiu s meraniami založenými na pixeloch

2007

iPhone predstavuje @2x retina displeje – dizajn nezávislý od hustoty

2008

Android sa spúšťa s dp (density-independent pixels)

2010

Webové písma (WOFF) umožňujú vlastnú typografiu online

2014

Špecifikácia variabilných písiem – jeden súbor, nekonečné štýly

Digitálna Typografia: Obrazovky, DPI a Rozdiely Platforiem

Digitálna typografia zavádza merania závislé od zariadenia, kde rovnaká číselná hodnota produkuje rôzne fyzické veľkosti v závislosti od hustoty obrazovky. Porozumenie konvenciám platforiem je kľúčové pre konzistentný dizajn.

Windows (Štandard 96 DPI)

96 DPI (96 pixelov na palec)

Microsoft štandardizoval 96 DPI vo Windows 95, čím vytvoril pomer 4:3 medzi pixelmi a bodmi. Toto zostáva predvolenou hodnotou pre väčšinu PC displejov.

  • 1 px pri 96 DPI = 0.75 pt (4 pixely = 3 body)
  • 16px = 12pt — bežný prevod veľkosti základného textu
  • História: Zvolené ako 1.5× pôvodného štandardu 64 DPI CGA
  • Súčasnosť: Displeje s vysokým DPI používajú škálovanie 125%, 150%, 200% (120, 144, 192 DPI)
  • Webová predvolená hodnota: CSS predpokladá 96 DPI pre všetky prevody 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 sa zhodovalo s bodmi PostScript 1:1. Moderné Retina displeje používajú škálovanie @2x/@3x pre ostré vykresľovanie.

  • Starší: 1 px pri 72 DPI = presne 1 pt (dokonalá zhoda)
  • Retina @2x: 2 fyzické pixely na bod, efektívne 220 PPI
  • Retina @3x: 3 fyzické pixely na bod, 330 PPI (iPhone)
  • Výhoda: Veľkosti bodov sa zhodujú na obrazovke a v náhľade tlače
  • Realita: Fyzická Retina má 220 PPI, ale je škálovaná tak, aby sa javila ako 110 PPI (2×)

Android (Základ 160 DPI)

160 DPI (pixel nezávislý od hustoty)

Systém dp (pixel nezávislý od hustoty) v Androide sa normalizuje na základ 160 DPI, s kategóriami hustoty pre rôzne obrazovky.

  • 1 dp pri 160 DPI = 0.45 pt (160 pixelov/palec ÷ 72 bodov/palec)
  • Kategórie hustoty: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
  • Vzorec: fyzické pixely = dp × (DPI obrazovky / 160)
  • 16sp (škálovateľne nezávislý pixel) = odporúčaná minimálna veľkosť textu
  • Výhoda: Rovnaká hodnota dp sa zobrazuje fyzicky identicky na všetkých zariadeniach Android

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

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

iOS používa bod ako logickú jednotku identickú s bodmi PostScript, pričom počet fyzických pixelov závisí od generácie obrazovky (non-retina @1x, retina @2x, super-retina @3x).

  • 1 bod iOS pri @1x = 1.0 pt PostScript (základ 72 DPI, rovnako ako PostScript)
  • Retina @2x: 2 fyzické pixely na bod iOS (144 DPI)
  • Super Retina @3x: 3 fyzické pixely na bod iOS (216 DPI)
  • Všetky dizajny pre iOS používajú body; systém sa automaticky stará o hustotu pixelov
  • 17pt = minimálna odporúčaná veľkosť základného textu (prístupnosť)

DPI vs PPI: Porozumenie Hustote Obrazovky a Tlače

DPI (Dots Per Inch)

Rozlíšenie tlačiarne — koľko atramentových bodov sa zmestí na jeden palec

DPI meria rozlíšenie výstupu tlačiarne. Vyššie DPI produkuje hladší text a obrázky umiestnením viacerých atramentových bodov na palec.

  • 300 DPI: Štandard pre profesionálnu tlač (časopisy, knihy)
  • 600 DPI: Vysoko kvalitná laserová tlač (obchodné dokumenty)
  • 1200-2400 DPI: Profesionálna tlač fotografií a reprodukcia umeleckých diel
  • 72 DPI: Len náhľad na obrazovke — neprijateľné pre tlač (vyzerá zubaté)
  • 150 DPI: Konceptová tlač alebo veľkoformátové plagáty (prezerané z diaľky)

PPI (Pixels Per Inch)

Rozlíšenie obrazovky — koľko pixelov sa zmestí na jeden palec displeja

PPI meria hustotu displeja. Vyššie PPI vytvára ostrejší text na obrazovke zabalením viacerých pixelov do rovnakého fyzického priestoru.

  • 72 PPI: Pôvodné Mac displeje (1 pixel = 1 bod)
  • 96 PPI: Štandardné Windows displeje (1.33 pixelov na bod)
  • 110-120 PPI: Lacné notebookové/desktopové monitory
  • 220 PPI: MacBook Retina, iPad Pro (2× hustota pixelov)
  • 326-458 PPI: iPhone Retina/Super Retina (3× hustota pixelov)
  • 400-600 PPI: High-end Android telefóny (Samsung, Google Pixel)
Bežná Chyba: Zamieňanie DPI a PPI

DPI a PPI sa často používajú zameniteľne, ale merajú rôzne veci. DPI je pre tlačiarne (atramentové body), PPI je pre obrazovky (svetlo emitujúce pixely). Pri navrhovaní vždy špecifikujte: 'Obrazovka pri 96 PPI' alebo 'Tlač pri 300 DPI' — nikdy nie len 'DPI', pretože je to nejednoznačné.

Praktické Aplikácie: Výber Správnych Jednotiek

Tlačový Dizajn

Tlač používa absolútne jednotky (body, pica), pretože veľkosť fyzického výstupu musí byť presná a nezávislá od zariadenia.

  • Základný text: 10-12pt pre knihy, 9-11pt pre časopisy
  • Nadpisy: 18-72pt v závislosti od hierarchie a formátu
  • Riadkovanie (leading): 120% veľkosti písma (12pt text = 14.4pt riadkovanie)
  • Merajte absolútne rozmery v pica: 'Šírka stĺpca: 25 pica'
  • Vždy navrhujte pri 300 DPI pre profesionálnu tlač
  • Nikdy nepoužívajte pixely pre tlač — preveďte na body/pica/palce

Webový Dizajn

Webová typografia používa pixely a relatívne jednotky, pretože obrazovky sa líšia veľkosťou a hustotou.

  • Základný text: predvolených 16px (štandard prehliadača) = 12pt pri 96 DPI
  • Nikdy nepoužívajte absolútne body v CSS — prehliadače ich vykresľujú nepredvídateľne
  • Responzívny dizajn: Používajte rem (relatívne k základnému písmu) pre škálovateľnosť
  • Minimálny text: 14px pre základný text, 12px pre popisky (prístupnosť)
  • Výška riadku: 1.5 (bez jednotky) pre čitateľnosť základného textu
  • Media queries: Navrhujte pre 320px (mobil) až 1920px+ (desktop)

Mobilné Aplikácie

Mobilné platformy používajú jednotky nezávislé od hustoty (dp/pt), aby zabezpečili konzistentnú fyzickú veľkosť na rôznych hustotách obrazovky.

  • iOS: Navrhujte v bodoch (pt), systém automaticky škáluje na @2x/@3x
  • Android: Používajte dp (density-independent pixels) pre rozloženia, sp pre text
  • Minimálny dotykový cieľ: 44pt (iOS) alebo 48dp (Android) pre prístupnosť
  • Základný text: minimálne 16sp (Android) alebo 17pt (iOS)
  • Nikdy nepoužívajte fyzické pixely — vždy používajte logické jednotky (dp/pt)
  • Testujte na viacerých hustotách: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi

Akademická & Vedecká Sféra

Akademické publikovanie používa body TeX pre matematickú presnosť a kompatibilitu so zavedenou literatúrou.

  • LaTeX používa body TeX (72.27 na palec) pre kompatibilitu so staršími systémami
  • Štandardný časopis: 10pt písmo Computer Modern
  • Dvojstĺpcový formát: 3.33 palcové (240pt) stĺpce s 0.25 palcovým (18pt) medzistĺpcom
  • Rovnice: Presné veľkosti v bodoch sú kľúčové pre matematickú notáciu
  • Prevádzajte opatrne: 1 TeX pt = 0.9963 PostScript pt
  • Výstup PDF: TeX automaticky spracováva prevody bodových systémov

Bežné Prevody a Výpočty

Rýchla referencia pre každodenné typografické prevody:

Základné Prevody

ZNaVzorecPríklad
BodyPalcept ÷ 7272pt = 1 palec
BodyMilimetrept × 0.352812pt = 4.23mm
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á Referencia Prevodov Jednotiek

Všetky typografické jednotky s presnými prevodnými faktormi. Základná jednotka: PostScript Point (bod) (pt)

Absolútne (Fyzické) Jednotky

Base Unit: PostScript Point (bod) (pt)

UnitTo PointsTo InchesExample
Point (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
Milimeter (mm)× 2.8346÷ 25.425.4 mm = 1 in = 72 pt
Centimeter (cm)× 28.346÷ 2.542.54 cm = 1 in
Didot bod× 1.07÷ 67.667.6 Didot = 1 in
Cicero× 12.84÷ 5.61 cicero = 12 Didot
TeX bod× 0.9963÷ 72.2772.27 TeX pt = 1 in

Obrazovkové/Digitálne Jednotky (Závislé od DPI)

Tieto prevody závisia od DPI (bodov na palec) obrazovky. Predvolené predpoklady: 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 Platforiem

Logické jednotky špecifické pre platformu, ktoré sa škálujú s hustotou zariadenia

UnitTo PointsFormulaExample
Android dp× 0.45pt ≈ dp × 72/16032 dp ≈ 14.4 pt
iOS pt (@1x)× 1.0PostScript pt = iOS pt (identické)17 iOS pt = 17 PostScript pt
iOS pt (@2x Retina)2 fyzické px na iOS pt2× pixely1 iOS pt = 2 pixely obrazovky
iOS pt (@3x)3 fyzické px na iOS pt3× pixely1 iOS pt = 3 pixely obrazovky

Staršie & Špecializované 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
PostScript Big Point× 1.00375Presne 1/72 palca72 bp = 1.0027 in

Základné Výpočty

CalculationFormulaExample
Prevod DPI na Point (bod)pt = (px × 72) / DPI16px @ 96 DPI = (16×72)/96 = 12 pt
Fyzická veľkosť z bodovpalce = pt / 72144 pt = 144/72 = 2 palce
Riadkovanie (leading)riadkovanie = veľkosť písma × 1.2 až 1.4512pt písmo → 14.4-17.4pt riadkovanie
Rozlíšenie tlačepotrebné pixely = (palce × DPI) pre šírku a výšku8×10 in @ 300 DPI = 2400×3000 px

Najlepšie Postupy pre Typografiu

Tlačový Dizajn

  • Vždy pracujte v bodoch alebo pica — nikdy nie v pixeloch pre tlač
  • Nastavte dokumenty na skutočnú veľkosť (300 DPI) od začiatku
  • Používajte 10-12pt pre základný text; čokoľvek menšie znižuje čitateľnosť
  • Riadkovanie by malo byť 120-145% veľkosti písma pre pohodlné čítanie
  • Okraje: Minimálne 0.5 palca (36pt) pre väzbu a manipuláciu
  • Pred odoslaním do komerčnej tlačiarne urobte skúšobnú tlač v skutočnej veľkosti

Webový Vývoj

  • Používajte rem pre veľkosti písma — umožňuje používateľovi zväčšovať bez narušenia rozloženia
  • Nastavte základné písmo na 16px (predvolené v prehliadači) — nikdy nie menšie
  • Používajte bezjednotkové hodnoty line-height (1.5) namiesto pevných výšok
  • Nikdy nepoužívajte absolútne veľkosti bodov v CSS — nepredvídateľné vykresľovanie
  • Testujte na skutočných zariadeniach, nielen na zmene veľkosti prehliadača — na DPI záleží
  • Minimálna veľkosť písma: 14px základný text, 12px popisky, 44px dotykové ciele

Mobilné Aplikácie

  • iOS: Navrhujte @1x, exportujte @2x a @3x assety automaticky
  • Android: Navrhujte v dp, testujte na mdpi/hdpi/xhdpi/xxhdpi
  • Minimálny text: 17pt (iOS) alebo 16sp (Android) pre prístupnosť
  • Dotykové ciele: minimálne 44pt (iOS) alebo 48dp (Android)
  • Testujte na fyzických zariadeniach — simulátory neukazujú skutočnú hustotu
  • Používajte systémové písma, keď je to možné — sú optimalizované pre platformu

Prístupnosť

  • Minimálny základný text: 16px (web), 17pt (iOS), 16sp (Android)
  • Vysoký kontrast: 4.5:1 pre základný text, 3:1 pre veľký text (18pt+)
  • Podporujte škálovanie používateľom: Používajte relatívne jednotky, nie pevné veľkosti
  • Dĺžka riadku: 45-75 znakov na riadok pre optimálnu čitateľnosť
  • Výška riadku: minimálne 1.5× veľkosti písma pre prístupnosť pre dyslektikov
  • Testujte s čítačkami obrazovky a pri 200% zväčšení

Často Kladené Otázky

Prečo môj text vyzerá v Photoshope a vo Worde rôzne veľký?

Photoshop predpokladá 72 PPI pre zobrazenie na obrazovke, zatiaľ čo Word používa 96 DPI (Windows) pre rozloženie. 12pt písmo v Photoshope sa na obrazovke javí o 33% väčšie ako vo Worde, hoci obe sa tlačia v identických veľkostiach. Nastavte Photoshop na 300 PPI pre tlačovú prácu, aby ste videli presné veľkosti.

Mám navrhovať pre web v bodoch alebo pixeloch?

Vždy v pixeloch (alebo relatívnych jednotkách ako rem/em) pre web. Body sú absolútne fyzické jednotky, ktoré sa vykresľujú nekonzistentne naprieč prehliadačmi a zariadeniami. 12pt môže byť 16px na jednom zariadení a 20px na inom. Používajte px/rem pre predvídateľnú webovú typografiu.

Aký je rozdiel medzi pt, px a dp?

pt = absolútna fyzická jednotka (1/72 palca), px = pixel obrazovky (líši sa s DPI), dp = Android jednotka nezávislá od hustoty (normalizovaná na 160 DPI). Používajte pt pre tlač, px pre web, dp pre Android, iOS pt (logický) pre iOS. Každý systém je optimalizovaný pre svoju platformu.

Prečo 12pt vyzerá v rôznych aplikáciách inak?

Aplikácie interpretujú body rôzne v závislosti od ich predpokladaného DPI. Word používa 96 DPI, Photoshop predvolene 72 PPI, InDesign používa skutočné rozlíšenie zariadenia. 12pt je pri tlači vždy 1/6 palca, ale na obrazovke sa javí rôzne veľký kvôli nastaveniam DPI.

Ako prevediem body TeX na body PostScript?

Vynásobte body TeX číslom 0.9963, aby ste získali body PostScript (1 TeX pt = 1/72.27 palca vs PostScript 1/72 palca). Rozdiel je malý—len 0.37%—ale je dôležitý pre akademické publikovanie, kde je presné riadkovanie kľúčové pre matematickú notáciu.

V akom rozlíšení mám navrhovať?

Tlač: minimálne 300 DPI, 600 DPI pre vysokú kvalitu. Web: Navrhujte pri 96 DPI, poskytnite @2x assety pre retinu. Mobil: Navrhujte @1x v logických jednotkách (pt/dp), exportujte @2x/@3x. Nikdy nenavrhujte pri 72 DPI, pokiaľ necielite na staršie Mac displeje.

Prečo je 16px webovým štandardom?

Predvolená veľkosť písma v prehliadači je 16px (ekvivalent 12pt pri 96 DPI), zvolená pre optimálnu čitateľnosť pri typických pozorovacích vzdialenostiach (18-24 palcov). Čokoľvek menšie znižuje čitateľnosť, najmä pre starších používateľov. Vždy používajte 16px ako základ pre relatívne veľkosti.

Potrebujem poznať body Didot?

Iba ak pracujete s tradičnou európskou tlačou, francúzskymi vydavateľmi alebo historickými reprodukciami. Body Didot (0.376mm) sú o 6.5% väčšie ako body PostScript. Moderný digitálny dizajn univerzálne používa body PostScript—Didot je relevantný hlavne pre klasickú typografiu a umelecké knihy.

Kompletný Adresár Nástrojov

Všetkých 71 nástrojov dostupných na UNITS

Filtrovať podľa:
Kategórie: