Njësia absolute e tipografisë, e standardizuar si 1/72 e inçit

Pikat matin madhësinë e shkronjave, hapësirën midis rreshtave (leading) dhe dimensione të tjera tipografike. Një shkronjë 12pt do të thotë që distanca nga zbritësi më i ulët deri te ngjitësi më i lartë është 12 pika (1/6 e inçit ose 4,23 mm). Sistemi i pikave ofron matje të pavarura nga pajisja që përkthehen në mënyrë të qëndrueshme nëpër media.

Shembull: 12pt Times New Roman = 0,1667 inç i lartë = 4,23 mm. Teksti trupor profesional zakonisht përdor 10-12pt, titujt 18-72pt.

Njësia dixhitale që përfaqëson një pikë të vetme në një ekran ose imazh

Pikselët janë njësi të varura nga pajisja që ndryshojnë në bazë të densitetit të ekranit (DPI/PPI). I njëjti numër pikselësh duket më i madh në ekranet me rezolucion të ulët (72 PPI) dhe më i vogël në ekranet retina me rezolucion të lartë (220+ PPI). Të kuptuarit e marrëdhënieve DPI/PPI është vendimtare për një tipografi të qëndrueshme nëpër pajisje.

Shembull: 16px në 96 DPI = 12pt. Të njëjtat 16px në 300 DPI (shtyp) = 3,84pt. Gjithmonë specifikoni DPI-në e synuar kur konvertoni pikselë.

Njësi tipografike tradicionale e barabartë me 12 pika ose 1/6 e inçit

Pica mat gjerësinë e kolonave, margjinat dhe dimensionet e paraqitjes së faqes në dizajnin tradicional të shtypit. Softueri i botimit në desktop si InDesign dhe QuarkXPress përdorin pica si njësi matëse të parazgjedhur. Një pica është e barabartë me saktësisht 12 pika, gjë që i bën konvertimet të thjeshta.

Shembull: Një kolonë standarde gazete mund të jetë 15 pica e gjerë (2,5 inç ose 180 pika). Paraqitjet e revistave shpesh përdorin masa 30-40 pica.

1450–1737

Lindja e llojit të lëvizshëm krijoi nevojën për matje të standardizuara, por sistemet rajonale mbetën të papajtueshme për shekuj.

• 1450: Shtypësja e Gutenbergut krijon nevojën për madhësi të standardizuara të llojit
• Vitet 1500: Madhësitë e llojit emërtohen sipas edicioneve të Biblës (Cicero, Augustin, etj.)
• Vitet 1600: Çdo rajon evropian zhvillon sistemin e vet të pikave
• Vitet 1690: Tipografi francez Fournier propozon një sistem me 12 ndarje
• Sistemet e hershme: Jashtëzakonisht të paqëndrueshme, me ndryshime 0,01-0,02 mm midis rajoneve

1737–1886

Shtypësi francez François-Ambroise Didot krijoi standardin e parë të vërtetë, të adoptuar në të gjithë Evropën Kontinentale dhe ende i përdorur sot në Francë dhe Gjermani.

• 1737: Fournier propozon një sistem pikash të bazuar në inçin mbretëror francez
• 1770: François-Ambroise Didot përsos sistemin — 1 pikë Didot = 0,376 mm
• 1785: Cicero (12 pika Didot) bëhet masa standarde
• Vitet 1800: Sistemi Didot dominon shtypin në Evropën Kontinentale
• Moderne: Ende përdoret në Francë, Gjermani, Belgjikë për shtypin tradicional

1886–1984

Shtypësit amerikanë dhe britanikë standardizuan sistemin e pica, duke përcaktuar 1 pikë si 0,013837 inç (1/72,27 e inçit), duke dominuar tipografinë në gjuhën angleze.

• 1886: American Type Founders themelojnë sistemin e pica: 1 pt = 0,013837"
• 1898: Britanikët adoptojnë standardin amerikan, duke krijuar unitetin anglo-amerikan
• Vitet 1930-1970: Sistemi i pica dominon të gjithë shtypin në gjuhën angleze
• Dallimi: Pika anglo-amerikane (0,351 mm) kundrejt Didot (0,376 mm) — 7% më e madhe
• Ndikimi: Kërkonte derdhje të veçanta të llojit për tregjet e SHBA/MB kundrejt tregjeve evropiane

1984–Sot

Standardi PostScript i Adobe unifikoi tipografinë globale duke përcaktuar 1 pikë si saktësisht 1/72 e inçit, duke i dhënë fund shekujve të papajtueshmërisë dhe duke mundësuar tipografinë dixhitale.

• 1984: Adobe PostScript përcakton 1 pt = saktësisht 1/72 e inçit (0,3528 mm)
• 1985: Apple LaserWriter e bën PostScript standardin për botimin në desktop
• Vitet 1990: Pika e PostScript bëhet standardi global, duke zëvendësuar sistemet rajonale
• Vitet 2000: TrueType, OpenType adoptojnë matjet e PostScript
• Moderne: Pika e PostScript është standardi universal për të gjithë dizajnin dixhital

I themeluar në 1770 nga François-Ambroise Didot

Standardi i Evropës Kontinentale, ende i përdorur në Francë, Gjermani dhe pjesë të Evropës Lindore për shtypin tradicional.

• 1 pikë Didot = 0,376 mm (kundrejt PostScript 0,353 mm) — 6,5% më e madhe
• 1 Cicero = 12 pika Didot = 4,51 mm (e krahasueshme me pica)
• E bazuar në inçin mbretëror francez (27,07 mm), duke ofruar një thjeshtësi të ngjashme me metrikën
• Ende e preferuar në shtypin e librave të artit dhe klasik evropian
• Përdorimi modern: Imprimerie nationale franceze, tipografia Fraktur gjermane

I krijuar në 1978 nga Donald Knuth për shtypin kompjuterik

Standardi akademik për botimin matematikor dhe shkencor, i optimizuar për kompozim dixhital të saktë.

• 1 pikë TeX = 1/72,27 e inçit = 0,351 mm (përputhet me pikën e vjetër anglo-amerikane)
• I zgjedhur për të ruajtur pajtueshmërinë me botimet akademike para-dixhitale
• 1 pica TeX = 12 pika TeX (pak më e vogël se pica e PostScript)
• E përdorur nga LaTeX, sistemi dominues i botimit shkencor
• Kritike për: Punimet akademike, tekstet matematikore, revistat e fizikës

Tipografia e Microsoft Word dhe Windows

Njësia e brendshme e matjes për përpunuesit e tekstit, duke ofruar kontroll të hollësishëm për paraqitjen e dokumenteve dixhitale.

• 1 twip = 1/20 e pikës = 1/1440 e inçit = 0,0176 mm
• Emri: 'E njëzeta e një Pike' — matje jashtëzakonisht e saktë
• E përdorur brenda nga: Microsoft Word, Excel, PowerPoint, Windows GDI
• Lejon madhësi pikash fraksionale pa matematikë me pikë lëvizëse
• 20 twips = 1 pikë, duke mundësuar saktësi prej 0,05pt për shtypin profesional

Standardi i American Type Founders i vitit 1886

Standardi para-dixhital për shtypin në gjuhën angleze, paksa i ndryshëm nga PostScript.

• 1 pikë shtypësi = 0,013837 inç = 0,351 mm
• E barabartë me 1/72,27 e inçit (kundrejt PostScript 1/72) — 0,4% më e vogël
• Pica = 0,166 inç (kundrejt PostScript 0,16667) — një dallim pothuajse i padukshëm
• Dominoi nga 1886-1984 para unifikimit të PostScript
• Ndikimi i trashëgimisë: Disa shtypshkronja tradicionale ende i referohen këtij sistemi

Fjala 'font' (shkronjë) vjen nga frëngjishtja 'fonte' që do të thotë 'i derdhur' ose 'i shkrirë'—duke iu referuar metalit të shkrirë të derdhur në kallëpe për të krijuar pjesë të veçanta të llojit metalik në shtypin tradicional.

PostScript zgjodhi 72 pika për inç sepse 72 është i pjestueshëm me 2, 3, 4, 6, 8, 9, 12, 18, 24 dhe 36—gjë që i bën llogaritjet më të lehta. Gjithashtu, përputhej shumë afër me sistemin tradicional të pica (72,27 pika/inç).

Bauer Bodoni kushton 89,900 dollarë për familjen e plotë—një nga shkronjat komerciale më të shtrenjta të shitura ndonjëherë. Dizajni i saj kërkoi vite pune për t'u dixhitalizuar nga ekzemplarët origjinalë të llojit metalik të viteve 1920.

Pavarësisht urrejtjes së dizajnerëve, Comic Sans rrit shpejtësinë e leximit për lexuesit me disleksi me 10-15% për shkak të formave të parregullta të shkronjave që parandalojnë konfuzionin e karaktereve. Në fakt, është një mjet i vlefshëm i aksesueshmërisë.

Simboli '@' ka emra të ndryshëm në gjuhë të ndryshme: 'kërmilli' (italisht), 'bishti i majmunit' (holandisht), 'miu i vogël' (kinezisht), dhe 'sallatë e mbështjellë me turshi' (çekisht)—por është i njëjti karakter 24pt.

Apple zgjodhi 72 DPI për Mac-ët origjinalë për të përputhur saktësisht me pikat e PostScript (1 piksel = 1 pikë), duke e bërë botimin në desktop WYSIWYG të mundur për herë të parë në 1984. Kjo revolucionoi dizajnin grafik.

Gutenbergu shpik llojin e lëvizshëm—nevoja e parë për standarde të matjes së llojit

François-Ambroise Didot krijon sistemin e pikave Didot (0,376 mm)

American Type Founders standardizojnë sistemin e pica (1 pt = 1/72,27 e inçit)

Donald Knuth krijon sistemin e pikave TeX për shtypin akademik

Adobe PostScript përcakton 1 pt = saktësisht 1/72 e inçit—unifikim global

Apple LaserWriter sjell PostScript në botimin në desktop

Formati i shkronjave TrueType standardizon tipografinë dixhitale

CSS prezanton tipografinë ueb me matje të bazuara në piksel

iPhone prezanton ekranet retina @2x—dizajn i pavarur nga densiteti

Android lëshohet me dp (pikselë të pavarur nga densiteti)

Shkronjat ueb (WOFF) mundësojnë tipografinë e personalizuar online

Specifikimi i shkronjave të ndryshueshme—një skedar i vetëm, stile të pafundme

96 DPI (96 pikselë për inç)

Microsoft standardizoi 96 DPI në Windows 95, duke krijuar një raport 4:3 midis pikselëve dhe pikave. Kjo mbetet parazgjedhja për shumicën e ekraneve të PC-ve.

• 1 px në 96 DPI = 0,75 pt (4 pikselë = 3 pika)
• 16px = 12pt — konvertim i zakonshëm i madhësisë së tekstit trupor
• Historia: I zgjedhur si 1,5× i standardit origjinal CGA 64 DPI
• Moderne: Ekranet me DPI të lartë përdorin shkallëzim 125%, 150%, 200% (120, 144, 192 DPI)
• Parazgjedhja e uebit: CSS supozon 96 DPI për të gjitha konvertimet nga px në fizik

72 DPI (trashëgimia), 220 PPI (@2x Retina)

72 DPI origjinal i Apple përputhej me pikat e PostScript 1:1. Ekranet moderne Retina përdorin shkallëzim @2x/@3x për një interpretim të qartë.

• Trashëgimia: 1 px në 72 DPI = 1 pt saktësisht (korrespondencë e përsosur)
• Retina @2x: 2 pikselë fizikë për pikë, 220 PPI efektiv
• Retina @3x: 3 pikselë fizikë për pikë, 330 PPI (iPhone)
• Përparësia: Madhësitë e pikave përputhen nëpër ekran dhe pamjen paraprake të shtypit
• Realiteti: Retina fizike është 220 PPI por shkallëzohet për t'u dukur si 110 PPI (2×)

160 DPI (piksel i pavarur nga densiteti)

Sistemi dp (pikselë të pavarur nga densiteti) i Android normalizohet në një bazë prej 160 DPI, me kategori densiteti për ekrane të ndryshme.

• 1 dp në 160 DPI = 0,45 pt (160 pikselë/inç ÷ 72 pika/inç)
• Kategoritë e densitetit: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
• Formula: pikselë fizikë = dp × (DPI i ekranit / 160)
• 16sp (piksel i pavarur nga shkalla) = madhësia minimale e rekomanduar e tekstit
• Përparësia: E njëjta vlerë dp duket fizikisht identike në të gjitha pajisjet Android

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

iOS përdor pikën si një njësi logjike identike me pikat e PostScript, me numrin e pikselëve fizikë që varet nga gjenerata e ekranit (jo-retina @1x, retina @2x, super-retina @3x).

• 1 pikë iOS në @1x = 1,0 pt PostScript (baza 72 DPI, e njëjtë me PostScript)
• Retina @2x: 2 pikselë fizikë për pikë iOS (144 DPI)
• Super Retina @3x: 3 pikselë fizikë për pikë iOS (216 DPI)
• Të gjitha dizajnet e iOS përdorin pika; sistemi menaxhon automatikisht densitetin e pikselëve
• 17pt = madhësia minimale e rekomanduar e tekstit trupor (aksesueshmëria)

Rezolucioni i printerit — sa pika boje përshtaten në një inç

DPI mat rezolucionin e daljes së printerit. DPI më i lartë prodhon tekst dhe imazhe më të lëmuara duke vendosur më shumë pika boje për inç.

• 300 DPI: Standardi për shtypin profesional (revista, libra)
• 600 DPI: Shtyp me lazer me cilësi të lartë (dokumente biznesi)
• 1200-2400 DPI: Shtyp profesional fotografish dhe riprodhim arti
• 72 DPI: Vetëm për pamje paraprake në ekran — e papranueshme për shtyp (duket e dhëmbëzuar)
• 150 DPI: Shtyp drafti ose postera me format të madh (të parë nga larg)

Rezolucioni i ekranit — sa pikselë përshtaten në një inç të ekranit

PPI mat densitetin e ekranit. PPI më i lartë krijon tekst më të qartë në ekran duke paketuar më shumë pikselë në të njëjtin hapësirë fizike.

• 72 PPI: Ekranet origjinale të Mac (1 piksel = 1 pikë)
• 96 PPI: Ekranet standarde të Windows (1,33 pikselë për pikë)
• 110-120 PPI: Monitorë laptop/desktop me buxhet të ulët
• 220 PPI: MacBook Retina, iPad Pro (densitet pikselësh 2×)
• 326-458 PPI: iPhone Retina/Super Retina (densitet pikselësh 3×)
• 400-600 PPI: Telefona Android të nivelit të lartë (Samsung, Google Pixel)

Shtypi përdor njësi absolute (pika, pica) sepse madhësia e daljes fizike duhet të jetë e saktë dhe e pavarur nga pajisja.

• Teksti trupor: 10-12pt për libra, 9-11pt për revista
• Titujt: 18-72pt në varësi të hierarkisë dhe formatit
• Hapësira midis rreshtave (Leading): 120% e madhësisë së shkronjave (tekst 12pt = hapësirë 14,4pt)
• Matni dimensionet absolute në pica: 'Gjerësia e kolonës: 25 pica'
• Gjithmonë dizajnoni në 300 DPI për shtyp profesional
• Asnjëherë mos përdorni pikselë për shtyp — konvertojini në pika/pica/inç

Tipografia ueb përdor pikselë dhe njësi relative sepse ekranet ndryshojnë në madhësi dhe densitet.

• Teksti trupor: 16px parazgjedhje (standardi i shfletuesit) = 12pt në 96 DPI
• Asnjëherë mos përdorni madhësi pikash absolute në CSS — shfletuesit i interpretojnë në mënyrë të paparashikueshme
• Dizajni responsiv: Përdorni rem (në lidhje me shkronjën rrënjë) për shkallëzueshmëri
• Teksti minimal: 14px për trupin, 12px për mbishkrimet (aksesueshmëria)
• Lartësia e rreshtit: 1.5 (pa njësi) për lexueshmërinë e tekstit trupor
• Kërkesat mediatike: Dizajnoni për 320px (mobil) deri në 1920px+ (desktop)

Platformat mobile përdorin njësi të pavarura nga densiteti (dp/pt) për të siguruar madhësi fizike të qëndrueshme nëpër densitete të ndryshme ekranesh.

• iOS: Dizajnoni në pika (pt), sistemi shkallëzon automatikisht në @2x/@3x
• Android: Përdorni dp (pikselë të pavarur nga densiteti) për paraqitjet, sp për tekstin
• Objektivi minimal i prekjes: 44pt (iOS) ose 48dp (Android) për aksesueshmëri
• Teksti trupor: minimum 16sp (Android) ose 17pt (iOS)
• Asnjëherë mos përdorni pikselë fizikë — gjithmonë përdorni njësi logjike (dp/pt)
• Testoni në densitete të shumta: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi

Botimi akademik përdor pika TeX për saktësi matematikore dhe pajtueshmëri me literaturën e vendosur.

• LaTeX përdor pika TeX (72,27 për inç) për pajtueshmërinë e trashëgimisë
• Revista standarde: shkronja Computer Modern 10pt
• Formati me dy kolona: kolona 3,33 inç (240pt) me një hapësirë prej 0,25 inç (18pt)
• Ekuacionet: Madhësia e saktë e pikave është kritike për notacionin matematikor
• Konvertoni me kujdes: 1 pikë TeX = 0,9963 pikë PostScript
• Dalja PDF: TeX menaxhon automatikisht konvertimet e sistemit të pikave

• Gjithmonë punoni me pika ose pica — asnjëherë me pikselë për shtyp
• Vendosni dokumentet në madhësinë e tyre aktuale (300 DPI) që në fillim
• Përdorni 10-12pt për tekstin trupor; çdo gjë më e vogël zvogëlon lexueshmërinë
• Hapësira midis rreshtave duhet të jetë 120-145% e madhësisë së shkronjave për lexim të rehatshëm
• Margjinat: Minimumi 0,5 inç (36pt) për lidhjen dhe trajtimin
• Bëni një provë shtypi në madhësinë aktuale para se ta dërgoni te një shtypshkronjë komerciale

• Përdorni rem për madhësitë e shkronjave — kjo i lejon përdoruesit të zmadhojnë pa prishur paraqitjen
• Vendosni shkronjën rrënjë në 16px (parazgjedhja e shfletuesit) — asnjëherë më të vogël
• Përdorni vlera të lartësisë së rreshtit pa njësi (1.5) në vend të lartësive fikse
• Asnjëherë mos përdorni madhësi pikash absolute në CSS — interpretim i paparashikueshëm
• Testoni në pajisje reale, jo vetëm duke ndryshuar madhësinë e shfletuesit — DPI ka rëndësi
• Madhësia minimale e shkronjave: 14px për trupin, 12px për mbishkrimet, 44px për objektivat e prekjes

• iOS: Dizajnoni në @1x, eksportoni automatikisht asetet @2x dhe @3x
• Android: Dizajnoni në dp, testoni në mdpi/hdpi/xhdpi/xxhdpi
• Teksti minimal: 17pt (iOS) ose 16sp (Android) për aksesueshmëri
• Objektivat e prekjes: minimum 44pt (iOS) ose 48dp (Android)
• Testoni në pajisje fizike — simulatorët nuk tregojnë densitetin e vërtetë
• Përdorni shkronjat e sistemit kur është e mundur — ato janë të optimizuara për platformën

• Teksti trupor minimal: 16px (ueb), 17pt (iOS), 16sp (Android)
• Kontrasti i lartë: 4.5:1 për tekstin trupor, 3:1 për tekstin e madh (18pt+)
• Mbështetni shkallëzimin e përdoruesit: përdorni njësi relative, jo madhësi fikse
• Gjatësia e rreshtit: 45-75 karaktere për rresht për lexueshmëri optimale
• Lartësia e rreshtit: minimum 1,5× madhësia e shkronjave për aksesueshmërinë e disleksisë
• Testoni me lexues ekrani dhe zmadhim 200%

Photoshop supozon 72 PPI për shfaqjen në ekran, ndërsa Word përdor 96 DPI (Windows) për paraqitjen. Një shkronjë 12pt në Photoshop duket 33% më e madhe në ekran sesa në Word, edhe pse të dyja shtypen në madhësi identike. Vendosni Photoshop në 300 PPI për punë shtypi për të parë madhësinë e saktë.

Gjithmonë në pikselë (ose njësi relative si rem/em) për ueb. Pikat janë njësi fizike absolute që interpretohen në mënyrë të paqëndrueshme nëpër shfletues dhe pajisje të ndryshme. 12pt mund të jetë 16px në një pajisje dhe 20px në një tjetër. Përdorni px/rem për tipografi ueb të parashikueshme.

pt = fizik absolut (1/72 e inçit), px = piksel ekrani (ndryshon me DPI), dp = i pavarur nga densiteti i Android (i normalizuar në 160 DPI). Përdorni pt për shtyp, px për ueb, dp për Android, pt logjik i iOS për iOS. Çdo sistem është i optimizuar për platformën e tij.

Aplikacionet interpretojnë pikat në mënyrë të ndryshme bazuar në supozimin e tyre për DPI. Word përdor 96 DPI, Photoshop parazgjedh 72 PPI, InDesign përdor rezolucionin aktual të pajisjes. 12pt është gjithmonë 1/6 e inçit kur shtypet, por duket me madhësi të ndryshme në ekran për shkak të cilësimeve të DPI.

Shumëzoni pikat TeX me 0,9963 për të marrë pika PostScript (1 pikë TeX = 1/72,27 e inçit kundrejt PostScript 1/72 e inçit). Dallimi është i vogël—vetëm 0,37%—por ka rëndësi për botimin akademik ku hapësira e saktë është kritike për notacionin matematikor.

Shtypi: minimum 300 DPI, 600 DPI për cilësi të lartë. Uebi: Dizajnoni në 96 DPI, siguroni asete @2x për retina. Mobili: Dizajnoni në @1x në njësi logjike (pt/dp), eksportoni @2x/@3x. Asnjëherë mos dizajnoni në 72 DPI nëse nuk synoni ekranet e vjetra të Mac.

Madhësia e parazgjedhur e shkronjave të shfletuesit është 16px (ekuivalente me 12pt në 96 DPI), e zgjedhur për lexueshmëri optimale në distancat tipike të shikimit (18-24 inç). Çdo gjë më e vogël zvogëlon lexueshmërinë, veçanërisht për përdoruesit më të moshuar. Gjithmonë përdorni 16px si bazë për madhësinë relative.

Vetëm nëse punoni me shtypin tradicional evropian, botuesit francezë ose riprodhimet historike. Pikat Didot (0,376 mm) janë 6,5% më të mëdha se pikat e PostScript. Dizajni dixhital modern përdor universalisht pikat e PostScript—Didot është kryesisht relevant për tipografinë klasike dhe librat e artit.