Tagasalin ng Tipograpiya
Mula Gutenberg hanggang Retina: Pagiging Dalubhasa sa mga Yunit ng Tipograpiya
Ang mga yunit ng tipograpiya ay bumubuo sa pundasyon ng disenyo sa mga platform ng pag-print, web, at mobile. Mula sa tradisyonal na sistema ng punto na itinatag noong 1700s hanggang sa mga modernong sukat na nakabatay sa pixel, ang pag-unawa sa mga yunit na ito ay mahalaga para sa mga taga-disenyo, developer, at sinumang nagtatrabaho sa teksto. Sinasaklaw ng komprehensibong gabay na ito ang 22+ yunit ng tipograpiya, ang kanilang makasaysayang konteksto, praktikal na aplikasyon, at mga diskarte sa pag-convert para sa propesyonal na trabaho.
Mga Pangunahing Konsepto: Pag-unawa sa Pagsukat ng Tipograpiya
Punto (pt)
Ang ganap na yunit ng tipograpiya, na na-standardize bilang 1/72 pulgada
Sinusukat ng mga punto ang laki ng font, espasyo ng linya (leading), at iba pang mga sukat sa tipograpiya. Ang isang 12pt na font ay nangangahulugan na ang distansya mula sa pinakamababang descender hanggang sa pinakamataas na ascender ay 12 puntos (1/6 pulgada o 4.23mm). Ang sistema ng punto ay nagbibigay ng mga sukat na hindi nakasalalay sa device na isinasalin nang tuluy-tuloy sa iba't ibang media.
Halimbawa: 12pt Times New Roman = 0.1667 pulgada ang taas = 4.23mm. Karaniwang gumagamit ang propesyonal na teksto ng katawan ng 10-12pt, mga headline 18-72pt.
Pixel (px)
Ang digital na yunit na kumakatawan sa isang tuldok sa isang screen o imahe
Ang mga pixel ay mga yunit na nakasalalay sa device na nag-iiba batay sa density ng screen (DPI/PPI). Ang parehong bilang ng pixel ay mas malaki sa mga display na may mababang resolution (72 PPI) at mas maliit sa mga display na may mataas na resolution na retina (220+ PPI). Ang pag-unawa sa mga relasyon sa DPI/PPI ay mahalaga para sa pare-parehong tipograpiya sa lahat ng device.
Halimbawa: 16px sa 96 DPI = 12pt. Ang parehong 16px sa 300 DPI (print) = 3.84pt. Palaging tukuyin ang target na DPI kapag nagko-convert ng mga pixel.
Pica (pc)
Tradisyonal na yunit ng tipograpiya na katumbas ng 12 puntos o 1/6 pulgada
Sinusukat ng mga pica ang lapad ng mga column, mga margin, at mga sukat ng layout ng pahina sa tradisyonal na disenyo ng pag-print. Ang software ng desktop publishing tulad ng InDesign at QuarkXPress ay gumagamit ng mga pica bilang default na yunit ng pagsukat. Ang isang pica ay katumbas ng eksaktong 12 puntos, na ginagawang direkta ang mga conversion.
Halimbawa: Ang isang karaniwang column ng pahayagan ay maaaring 15 pica ang lapad (2.5 pulgada o 180 puntos). Ang mga layout ng magazine ay madalas na gumagamit ng 30-40 pica na sukat.
- 1 punto (pt) = 1/72 pulgada = 0.3528 mm — ganap na pisikal na pagsukat
- 1 pica (pc) = 12 puntos = 1/6 pulgada — pamantayan sa layout at lapad ng column
- Ang mga pixel ay nakasalalay sa device: 96 DPI (Windows), 72 DPI (legacy ng Mac), 300 DPI (print)
- Pinag-isa ng punto ng PostScript (1984) ang mga siglo ng hindi magkatugmang sistema ng tipograpiya
- Gumagamit ang digital na tipograpiya ng mga punto para sa disenyo, mga pixel para sa pagpapatupad
- Tinutukoy ng DPI/PPI ang conversion ng pixel-to-point: mas mataas na DPI = mas maliit na pisikal na sukat
Mga Mabilis na Halimbawa ng Conversion
Ang Ebolusyon ng Pagsukat ng Tipograpiya
Medieval at Maagang Moderno (1450-1737)
1450–1737
Ang pagsilang ng movable type ay lumikha ng pangangailangan para sa mga standardized na sukat, ngunit ang mga rehiyonal na sistema ay nanatiling hindi magkatugma sa loob ng maraming siglo.
- 1450: Ang printing press ni Gutenberg ay lumilikha ng pangangailangan para sa mga standardized na laki ng type
- 1500s: Ang mga laki ng type ay pinangalanan sa mga edisyon ng Bibliya (Cicero, Augustin, atbp.)
- 1600s: Ang bawat rehiyon sa Europa ay nagkakaroon ng sarili nitong sistema ng punto
- 1690s: Iminungkahi ng French typographer na si Fournier ang 12-division system
- Mga unang sistema: Lubhang hindi pare-pareho, na may pagkakaiba ng 0.01-0.02mm sa pagitan ng mga rehiyon
Sistema ng Didot (1737-1886)
1737–1886
Nilikha ng French printer na si François-Ambroise Didot ang unang tunay na pamantayan, na pinagtibay sa buong Continental Europe at ginagamit pa rin ngayon sa France at Germany.
- 1737: Iminungkahi ni Fournier ang sistema ng punto batay sa French royal inch
- 1770: Pinino ni François-Ambroise Didot ang sistema — 1 Didot point = 0.376mm
- 1785: Ang Cicero (12 Didot points) ay naging pamantayang sukat
- 1800s: Nangingibabaw ang sistema ng Didot sa Continental European printing
- Moderno: Ginagamit pa rin sa France, Germany, Belgium para sa tradisyonal na pag-print
Sistema ng Anglo-Amerikano (1886-1984)
1886–1984
Na-standardize ng mga printer na Amerikano at British ang sistema ng pica, na tinutukoy ang 1 punto bilang 0.013837 pulgada (1/72.27 pulgada), na nangingibabaw sa tipograpiya sa wikang Ingles.
- 1886: Itinatag ng American Type Founders ang sistema ng pica: 1 pt = 0.013837"
- 1898: Pinagtibay ng British ang pamantayang Amerikano, na lumilikha ng pagkakaisa ng Anglo-Amerikano
- 1930s-1970s: Nangingibabaw ang sistema ng pica sa lahat ng pag-print sa wikang Ingles
- Pagkakaiba: Punto ng Anglo-Amerikano (0.351mm) vs. Didot (0.376mm) — 7% na mas malaki
- Epekto: Kinakailangan ng magkahiwalay na type casting para sa mga merkado ng US/UK kumpara sa mga merkado sa Europa
Rebolusyon ng PostScript (1984-Kasalukuyan)
1984–Kasalukuyan
Pinag-isa ng pamantayan ng PostScript ng Adobe ang pandaigdigang tipograpiya sa pamamagitan ng pagtukoy sa 1 punto bilang eksaktong 1/72 pulgada, na nagtapos sa mga siglo ng hindi pagkakatugma at nagbigay-daan sa digital na tipograpiya.
- 1984: Tinukoy ng Adobe PostScript ang 1 pt = eksaktong 1/72 pulgada (0.3528mm)
- 1985: Ginawa ng Apple LaserWriter ang PostScript na pamantayan para sa desktop publishing
- 1990s: Ang punto ng PostScript ay naging pandaigdigang pamantayan, na pumapalit sa mga rehiyonal na sistema
- 2000s: Pinagtibay ng TrueType, OpenType ang mga sukat ng PostScript
- Moderno: Ang punto ng PostScript ay ang unibersal na pamantayan para sa lahat ng digital na disenyo
Mga Tradisyonal na Sistema ng Tipograpiya
Bago pinag-isa ng PostScript ang mga sukat noong 1984, magkakasamang umiral ang mga rehiyonal na sistema ng tipograpiya, bawat isa ay may mga natatanging kahulugan ng punto. Ang mga sistemang ito ay nananatiling mahalaga para sa makasaysayang pag-print at mga espesyal na aplikasyon.
Sistema ng Didot (Pranses/Europeo)
Itinatag noong 1770 ni François-Ambroise Didot
Ang pamantayan ng Continental European, na ginagamit pa rin sa France, Germany, at mga bahagi ng Eastern Europe para sa tradisyonal na pag-print.
- 1 Didot point = 0.376mm (vs. PostScript 0.353mm) — 6.5% na mas malaki
- 1 Cicero = 12 Didot points = 4.51mm (maihahambing sa pica)
- Batay sa French royal inch (27.07mm), na nagbibigay ng pagiging simple na parang metric
- Mas gusto pa rin sa European art book at classical printing
- Modernong paggamit: French Imprimerie nationale, German Fraktur typography
Sistema ng TeX (Akademiko)
Nilikha noong 1978 ni Donald Knuth para sa computer typesetting
Ang akademikong pamantayan para sa pag-publish ng matematika at agham, na na-optimize para sa tumpak na digital na komposisyon.
- 1 TeX point = 1/72.27 pulgada = 0.351mm (tumutugma sa lumang Anglo-American point)
- Pinili upang mapanatili ang pagiging tugma sa mga pre-digital na akademikong publikasyon
- 1 TeX pica = 12 TeX points (bahagyang mas maliit kaysa sa PostScript pica)
- Ginagamit ng LaTeX, ang nangingibabaw na sistema ng pag-publish ng agham
- Mahalaga para sa: Mga akademikong papel, mga tekstong pang-matematika, mga journal sa pisika
Twip (Mga Sistema ng Computer)
Tipograpiya ng Microsoft Word at Windows
Ang panloob na yunit ng pagsukat para sa mga word processor, na nagbibigay ng pinong kontrol para sa layout ng mga digital na dokumento.
- 1 twip = 1/20 punto = 1/1440 pulgada = 0.0176mm
- Pangalan: 'Dalawampung Bahagi ng isang Punto' — lubhang tumpak na pagsukat
- Ginagamit sa loob ng: Microsoft Word, Excel, PowerPoint, Windows GDI
- Nagbibigay-daan sa mga fractional na laki ng punto nang walang floating-point math
- 20 twips = 1 punto, na nagbibigay-daan sa 0.05pt na katumpakan para sa propesyonal na typesetting
Punto ng Printer ng Amerikano
Pamantayan ng American Type Founders noong 1886
Ang pre-digital na pamantayan para sa pag-print sa wikang Ingles, na bahagyang naiiba sa PostScript.
- 1 printer's point = 0.013837 pulgada = 0.351mm
- Katumbas ng 1/72.27 pulgada (vs. PostScript 1/72) — 0.4% na mas maliit
- Pica = 0.166 pulgada (vs. PostScript 0.16667) — halos hindi napapansing pagkakaiba
- Nangingibabaw noong 1886-1984 bago ang pag-iisa ng PostScript
- Epekto ng legacy: Ang ilang mga tradisyonal na print shop ay tumutukoy pa rin sa sistemang ito
Mga Karaniwang Laki ng Tipograpiya
| Paggamit | Puntos | Mga Pixel (96 DPI) | Mga Tala |
|---|---|---|---|
| Maliit na print / mga footnote | 8-9 pt | 11-12 px | Minimum na pagiging madaling mabasa |
| Teksto ng katawan (print) | 10-12 pt | 13-16 px | Mga aklat, mga magazine |
| Teksto ng katawan (web) | 12 pt | 16 px | Default ng browser |
| Mga subheading | 14-18 pt | 19-24 px | Mga header ng seksyon |
| Mga heading (H2-H3) | 18-24 pt | 24-32 px | Mga pamagat ng artikulo |
| Mga pangunahing headline (H1) | 28-48 pt | 37-64 px | Mga pamagat ng pahina/poster |
| Uri ng display | 60-144 pt | 80-192 px | Mga poster, mga billboard |
| Minimum na target ng pagpindot | 33 pt | 44 px | Pagiging naa-access ng iOS |
| Pamantayan sa lapad ng column | 180 pt (15 pc) | 240 px | Mga pahayagan |
| Karaniwang leading | 14.4 pt (para sa 12pt na teksto) | 19.2 px | 120% na espasyo ng linya |
Mga Nakakatuwang Katotohanan tungkol sa Tipograpiya
Pinagmulan ng 'Font'
Ang salitang 'font' ay nagmula sa French na 'fonte' na nangangahulugang 'cast' o 'tinunaw'—tumutukoy sa tinunaw na metal na ibinuhos sa mga molde upang lumikha ng mga indibidwal na piraso ng metal type sa tradisyonal na letterpress printing.
Bakit 72 Puntos?
Pinili ng PostScript ang 72 puntos bawat pulgada dahil ang 72 ay nahahati sa 2, 3, 4, 6, 8, 9, 12, 18, 24, at 36—na nagpapadali sa mga pagkalkula. Tumutugma rin ito nang malapit sa tradisyonal na sistema ng pica (72.27 puntos/pulgada).
Pinakamahal na Font
Ang Bauer Bodoni ay nagkakahalaga ng $89,900 para sa kumpletong pamilya—isa sa pinakamahal na komersyal na font na naibenta. Ang disenyo nito ay nangangailangan ng maraming taon ng trabaho upang i-digitize mula sa mga orihinal na specimen ng metal type noong 1920s.
Sikolohiya ng Comic Sans
Sa kabila ng pagkamuhi ng mga taga-disenyo, pinapataas ng Comic Sans ang bilis ng pagbasa para sa mga mambabasa na may dyslexia ng 10-15% dahil sa mga hindi regular na hugis ng titik na pumipigil sa pagkalito ng mga character. Ito ay talagang isang mahalagang tool sa pagiging naa-access.
Pandaigdigang Simbolo
Ang simbolo na '@' ay may iba't ibang mga pangalan sa iba't ibang mga wika: 'snail' (Italian), 'monkey tail' (Dutch), 'little mouse' (Chinese), at 'rolled pickled herring' (Czech)—ngunit ito ay parehong 24pt na character.
Pagpili ng 72 DPI ng Mac
Pinili ng Apple ang 72 DPI para sa mga orihinal na Mac upang eksaktong tumugma sa mga punto ng PostScript (1 pixel = 1 punto), na ginawang posible ang WYSIWYG desktop publishing sa unang pagkakataon noong 1984. Binago nito ang graphic design.
Timeline ng Ebolusyon ng Tipograpiya
1450
Inimbento ni Gutenberg ang movable type—ang unang pangangailangan para sa mga pamantayan sa pagsukat ng type
1737
Nilikha ni François-Ambroise Didot ang sistema ng Didot point (0.376mm)
1886
Na-standardize ng American Type Founders ang sistema ng pica (1 pt = 1/72.27 pulgada)
1978
Nilikha ni Donald Knuth ang sistema ng TeX point para sa akademikong typesetting
1984
Tinukoy ng Adobe PostScript ang 1 pt = eksaktong 1/72 pulgada—pandaigdigang pag-iisa
1985
Dinala ng Apple LaserWriter ang PostScript sa desktop publishing
1991
Na-standardize ng format ng TrueType font ang digital na tipograpiya
1996
Ipinakilala ng CSS ang web typography na may mga sukat na nakabatay sa pixel
2007
Ipinakilala ng iPhone ang @2x retina display—disenyo na hindi nakasalalay sa density
2008
Inilunsad ang Android na may dp (density-independent pixels)
2010
Pinagana ng mga web font (WOFF) ang custom na tipograpiya online
2014
Pagtutukoy ng mga variable na font—isang file, walang katapusang mga istilo
Digital na Tipograpiya: Mga Screen, DPI, at Mga Pagkakaiba sa Platform
Ang digital na tipograpiya ay nagpapakilala ng mga sukat na nakasalalay sa device kung saan ang parehong numerical na halaga ay gumagawa ng iba't ibang pisikal na sukat batay sa density ng screen. Ang pag-unawa sa mga kombensiyon ng platform ay mahalaga para sa pare-parehong disenyo.
Windows (Pamantayang 96 DPI)
96 DPI (96 pixels per inch)
Na-standardize ng Microsoft ang 96 DPI sa Windows 95, na lumilikha ng 4:3 ratio sa pagitan ng mga pixel at mga punto. Ito ay nananatiling default para sa karamihan ng mga PC display.
- 1 px sa 96 DPI = 0.75 pt (4 pixels = 3 puntos)
- 16px = 12pt — karaniwang conversion ng laki ng teksto ng katawan
- Kasaysayan: Pinili bilang 1.5× ng orihinal na 64 DPI CGA standard
- Moderno: Ang mga high-DPI display ay gumagamit ng 125%, 150%, 200% scaling (120, 144, 192 DPI)
- Default sa web: Ipinapalagay ng CSS ang 96 DPI para sa lahat ng px-to-physical na conversion
macOS (Legacy na 72 DPI, 220 PPI Retina)
72 DPI (legacy), 220 PPI (@2x Retina)
Ang orihinal na 72 DPI ng Apple ay tumutugma sa mga punto ng PostScript 1:1. Ang mga modernong Retina display ay gumagamit ng @2x/@3x scaling para sa malinaw na pag-render.
- Legacy: 1 px sa 72 DPI = eksaktong 1 pt (perpektong pagkakatugma)
- Retina @2x: 2 pisikal na pixel bawat punto, 220 PPI na epektibo
- Retina @3x: 3 pisikal na pixel bawat punto, 330 PPI (iPhone)
- Bentahe: Ang mga laki ng punto ay tumutugma sa buong screen at print preview
- Katotohanan: Ang pisikal na Retina ay 220 PPI ngunit naka-scale upang lumabas bilang 110 PPI (2×)
Android (Baseline na 160 DPI)
160 DPI (density-independent pixel)
Ang sistema ng dp (density-independent pixel) ng Android ay nag-normalize sa 160 DPI baseline, na may mga density bucket para sa iba't ibang screen.
- 1 dp sa 160 DPI = 0.45 pt (160 pixels/inch ÷ 72 points/inch)
- Mga density bucket: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
- Formula: pisikal na pixel = dp × (screen DPI / 160)
- 16sp (scale-independent pixel) = inirerekomendang minimum na laki ng teksto
- Bentahe: Ang parehong halaga ng dp ay pisikal na magkapareho sa lahat ng mga Android device
iOS (72 DPI @1x, 144+ DPI @2x/@3x)
72 DPI (@1x), 144 DPI (@2x), 216 DPI (@3x)
Ginagamit ng iOS ang punto bilang isang lohikal na yunit na kapareho ng mga punto ng PostScript, na may mga bilang ng pisikal na pixel na nakasalalay sa henerasyon ng screen (hindi-retina @1x, retina @2x, super-retina @3x).
- 1 iOS point sa @1x = 1.0 pt PostScript (72 DPI baseline, kapareho ng PostScript)
- Retina @2x: 2 pisikal na pixel bawat iOS point (144 DPI)
- Super Retina @3x: 3 pisikal na pixel bawat iOS point (216 DPI)
- Ang lahat ng mga disenyo ng iOS ay gumagamit ng mga punto; awtomatikong pinangangasiwaan ng sistema ang density ng pixel
- 17pt = inirerekomendang minimum na laki ng teksto ng katawan (pagiging naa-access)
DPI vs. PPI: Pag-unawa sa Density ng Screen at Print
DPI (Dots Per Inch)
Resolusyon ng printer — kung gaano karaming mga tuldok ng tinta ang kasya sa isang pulgada
Sinusukat ng DPI ang resolution ng output ng printer. Ang mas mataas na DPI ay gumagawa ng mas makinis na teksto at mga imahe sa pamamagitan ng paglalagay ng mas maraming tuldok ng tinta bawat pulgada.
- 300 DPI: Pamantayan para sa propesyonal na pag-print (mga magazine, mga aklat)
- 600 DPI: Mataas na kalidad na laser printing (mga dokumento ng negosyo)
- 1200-2400 DPI: Propesyonal na pag-print ng larawan at pagpaparami ng sining
- 72 DPI: Para sa screen preview lamang — hindi katanggap-tanggap para sa pag-print (mukhang jagged)
- 150 DPI: Draft printing o malalaking format na poster (tinitingnan mula sa malayo)
PPI (Pixels Per Inch)
Resolusyon ng screen — kung gaano karaming mga pixel ang kasya sa isang pulgada ng display
Sinusukat ng PPI ang density ng display. Ang mas mataas na PPI ay lumilikha ng mas matalas na teksto sa screen sa pamamagitan ng pag-pack ng mas maraming pixel sa parehong pisikal na espasyo.
- 72 PPI: Mga orihinal na Mac display (1 pixel = 1 punto)
- 96 PPI: Mga karaniwang Windows display (1.33 pixels bawat punto)
- 110-120 PPI: Mga murang laptop/desktop monitor
- 220 PPI: MacBook Retina, iPad Pro (2× pixel density)
- 326-458 PPI: iPhone Retina/Super Retina (3× pixel density)
- 400-600 PPI: Mga high-end na Android phone (Samsung, Google Pixel)
Ang DPI at PPI ay madalas na ginagamit nang palitan ngunit sumusukat ng iba't ibang mga bagay. Ang DPI ay para sa mga printer (mga tuldok ng tinta), ang PPI ay para sa mga screen (mga pixel na naglalabas ng liwanag). Kapag nagdidisenyo, laging tukuyin: 'Screen sa 96 PPI' o 'Print sa 300 DPI' — hindi lamang 'DPI' nang mag-isa, dahil ito ay hindi malinaw.
Mga Praktikal na Aplikasyon: Pagpili ng mga Tamang Yunit
Disenyo ng Pag-print
Ang pag-print ay gumagamit ng mga absolutong yunit (puntos, picas) dahil ang pisikal na laki ng output ay dapat na eksakto at hindi nakasalalay sa device.
- Teksto ng katawan: 10-12pt para sa mga aklat, 9-11pt para sa mga magazine
- Mga headline: 18-72pt depende sa hierarchy at format
- Leading (espasyo ng linya): 120% ng laki ng font (12pt na teksto = 14.4pt leading)
- Sukatin ang mga absolutong sukat sa mga pica: 'Lapad ng column: 25 pica'
- Palaging magdisenyo sa 300 DPI para sa propesyonal na pag-print
- Huwag kailanman gumamit ng mga pixel para sa pag-print — i-convert sa mga punto/pica/pulgada
Disenyo ng Web
Ang tipograpiya sa web ay gumagamit ng mga pixel at mga relatibong yunit dahil ang mga screen ay nag-iiba sa laki at density.
- Teksto ng katawan: 16px default (pamantayan ng browser) = 12pt sa 96 DPI
- Huwag kailanman gumamit ng mga absolutong laki ng punto sa CSS — hindi mahuhulaan ang pag-render ng mga browser
- Disenyo na tumutugon: Gumamit ng rem (kamag-anak sa root font) para sa scalability
- Minimum na teksto: 14px para sa katawan, 12px para sa mga caption (pagiging naa-access)
- Taas ng linya: 1.5 (walang yunit) para sa pagiging madaling mabasa ng teksto ng katawan
- Mga query sa media: Magdisenyo para sa 320px (mobile) hanggang 1920px+ (desktop)
Mga Mobile App
Ginagamit ng mga mobile platform ang mga yunit na hindi nakasalalay sa density (dp/pt) upang matiyak ang pare-parehong pisikal na sukat sa iba't ibang mga density ng screen.
- iOS: Magdisenyo sa mga punto (pt), awtomatikong nag-i-scale ang sistema sa @2x/@3x
- Android: Gumamit ng dp (density-independent pixels) para sa mga layout, sp para sa teksto
- Minimum na target ng pagpindot: 44pt (iOS) o 48dp (Android) para sa pagiging naa-access
- Teksto ng katawan: 16sp (Android) o 17pt (iOS) minimum
- Huwag kailanman gumamit ng mga pisikal na pixel — laging gumamit ng mga lohikal na yunit (dp/pt)
- Subukan sa maraming density: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi
Akademiko at Siyentipiko
Ang akademikong pag-publish ay gumagamit ng mga punto ng TeX para sa katumpakan sa matematika at pagiging tugma sa itinatag na literatura.
- Ginagamit ng LaTeX ang mga punto ng TeX (72.27 bawat pulgada) para sa legacy na pagiging tugma
- Karaniwang journal: 10pt Computer Modern font
- Format na may dalawang column: 3.33 pulgadang (240pt) mga column na may 0.25 pulgadang (18pt) gutter
- Mga equation: Ang tumpak na laki ng punto ay mahalaga para sa notasyon sa matematika
- Maingat na i-convert: 1 TeX pt = 0.9963 PostScript pt
- Output ng PDF: Awtomatikong pinangangasiwaan ng TeX ang mga conversion ng sistema ng punto
Mga Karaniwang Conversion at Pagkalkula
Mabilis na sanggunian para sa mga pang-araw-araw na conversion sa tipograpiya:
Mga Mahahalagang Conversion
| Mula | Patungo | Formula | Halimbawa |
|---|---|---|---|
| Mga Punto | Mga Pulgada | pt ÷ 72 | 72pt = 1 pulgada |
| Mga Punto | Mga Milimetro | pt × 0.3528 | 12pt = 4.23mm |
| Mga Punto | Mga Pica | pt ÷ 12 | 72pt = 6 na pica |
| Mga Pixel (96 DPI) | Mga Punto | px × 0.75 | 16px = 12pt |
| Mga Pixel (72 DPI) | Mga Punto | px × 1 | 12px = 12pt |
| Mga Pica | Mga Pulgada | pc ÷ 6 | 6pc = 1 pulgada |
| Mga Pulgada | Mga Punto | in × 72 | 2in = 144pt |
| Android dp | Mga Punto | dp × 0.45 | 32dp = 14.4pt |
Kumpletong Sanggunian sa Pag-convert ng Yunit
Lahat ng mga yunit ng tipograpiya na may mga tumpak na salik ng conversion. Batayang yunit: Punto ng PostScript (pt)
Mga Absolutong (Pisikal) na Yunit
Base Unit: Punto ng PostScript (pt)
| Unit | To Points | To Inches | Example |
|---|---|---|---|
| Punto (pt) | × 1 | ÷ 72 | 72 pt = 1 pulgada |
| Pica (pc) | × 12 | ÷ 6 | 6 pc = 1 pulgada = 72 pt |
| Pulgada (in) | × 72 | × 1 | 1 in = 72 pt = 6 pc |
| Milimetro (mm) | × 2.8346 | ÷ 25.4 | 25.4 mm = 1 in = 72 pt |
| Sentimetro (cm) | × 28.346 | ÷ 2.54 | 2.54 cm = 1 in |
| Punto ng Didot | × 1.07 | ÷ 67.6 | 67.6 Didot = 1 in |
| Cicero | × 12.84 | ÷ 5.6 | 1 cicero = 12 Didot |
| Punto ng TeX | × 0.9963 | ÷ 72.27 | 72.27 TeX pt = 1 in |
Mga Yunit ng Screen/Digital (Nakasalalay sa DPI)
Ang mga conversion na ito ay nakasalalay sa screen DPI (dots per inch). Mga default na pagpapalagay: 96 DPI (Windows), 72 DPI (legacy ng Mac)
| Unit | To Points | Formula | Example |
|---|---|---|---|
| Pixel @ 96 DPI | × 0.75 | pt = px × 72/96 | 16 px = 12 pt |
| Pixel @ 72 DPI | × 1 | pt = px × 72/72 | 12 px = 12 pt |
| Pixel @ 300 DPI | × 0.24 | pt = px × 72/300 | 300 px = 72 pt = 1 in |
Mga Yunit ng Mobile Platform
Mga lohikal na yunit na partikular sa platform na nag-i-scale sa density ng device
| Unit | To Points | Formula | Example | |
|---|---|---|---|---|
| Android dp | × 0.45 | pt ≈ dp × 72/160 | 32 dp ≈ 14.4 pt | |
| iOS pt (@1x) | × 1.0 | Punto ng PostScript = punto ng iOS (magkapareho) | 17 iOS pt = 17 PostScript pt | |
| iOS pt (@2x Retina) | 2 pisikal na px bawat iOS pt | 2× pixels | 1 iOS pt = 2 screen pixels | |
| iOS pt (@3x) | 3 pisikal na px bawat iOS pt | 3× pixels | 1 iOS pt = 3 screen pixels |
Mga Legacy at Espesyal na Yunit
| Unit | To Points | Formula | Example |
|---|---|---|---|
| Twip (1/20 pt) | ÷ 20 | pt = twip / 20 | 1440 twip = 72 pt = 1 in |
| Q (1/4 mm) | × 0.7087 | pt = Q × 0.25 × 2.8346 | 4 Q = 1 mm |
| Malaking Punto ng PostScript | × 1.00375 | Eksaktong 1/72 pulgada | 72 bp = 1.0027 in |
Mga Mahahalagang Pagkalkula
| Calculation | Formula | Example |
|---|---|---|
| Conversion ng DPI sa Punto | pt = (px × 72) / DPI | 16px @ 96 DPI = (16×72)/96 = 12 pt |
| Pisikal na sukat mula sa mga punto | pulgada = pt / 72 | 144 pt = 144/72 = 2 pulgada |
| Leading (espasyo ng linya) | leading = laki ng font × 1.2 hanggang 1.45 | 12pt na font → 14.4-17.4pt na leading |
| Resolusyon ng pag-print | mga kinakailangang pixel = (pulgada × DPI) para sa lapad at taas | 8×10 in @ 300 DPI = 2400×3000 px |
Mga Pinakamahusay na Kasanayan para sa Tipograpiya
Disenyo ng Pag-print
- Laging magtrabaho sa mga punto o pica — hindi sa mga pixel para sa pag-print
- I-set up ang mga dokumento sa aktwal na sukat (300 DPI) mula sa simula
- Gumamit ng 10-12pt para sa teksto ng katawan; anumang mas maliit ay nakakabawas sa pagiging madaling mabasa
- Ang leading ay dapat na 120-145% ng laki ng font para sa kumportableng pagbabasa
- Mga margin: Minimum na 0.5 pulgada (36pt) para sa pag-binding at paghawak
- Mag-test print sa aktwal na sukat bago ipadala sa isang komersyal na printer
Pag-unlad ng Web
- Gumamit ng rem para sa mga laki ng font — nagbibigay-daan sa gumagamit na mag-zoom nang hindi nasisira ang layout
- I-set ang root font sa 16px (default ng browser) — hindi mas maliit
- Gumamit ng mga halaga ng taas ng linya na walang yunit (1.5) sa halip na mga nakapirming taas
- Huwag kailanman gumamit ng mga absolutong laki ng punto sa CSS — hindi mahuhulaan ang pag-render
- Subukan sa mga aktwal na device, hindi lamang sa pagbabago ng laki ng browser — mahalaga ang DPI
- Minimum na laki ng font: 14px na katawan, 12px na mga caption, 44px na mga target ng pagpindot
Mga Mobile App
- iOS: Magdisenyo sa @1x, awtomatikong i-export ang mga asset ng @2x at @3x
- Android: Magdisenyo sa dp, subukan sa mdpi/hdpi/xhdpi/xxhdpi
- Minimum na teksto: 17pt (iOS) o 16sp (Android) para sa pagiging naa-access
- Mga target ng pagpindot: 44pt (iOS) o 48dp (Android) minimum
- Subukan sa mga pisikal na device — hindi ipinapakita ng mga simulator ang totoong density
- Gumamit ng mga font ng system kung posible — na-optimize ang mga ito para sa platform
Pagiging Naa-access
- Minimum na teksto ng katawan: 16px (web), 17pt (iOS), 16sp (Android)
- Mataas na contrast: 4.5:1 para sa teksto ng katawan, 3:1 para sa malaking teksto (18pt+)
- Suportahan ang pag-scale ng gumagamit: gumamit ng mga relatibong yunit, hindi mga nakapirming laki
- Haba ng linya: 45-75 character bawat linya para sa pinakamainam na pagiging madaling mabasa
- Taas ng linya: minimum na 1.5× laki ng font para sa pagiging naa-access ng dyslexia
- Subukan gamit ang mga screen reader at mag-zoom sa 200%
Mga Madalas Itanong
Bakit magkaiba ang laki ng aking teksto sa Photoshop kumpara sa Word?
Ipinapalagay ng Photoshop ang 72 PPI para sa pagpapakita sa screen, habang ginagamit ng Word ang 96 DPI (Windows) para sa layout. Ang isang 12pt na font sa Photoshop ay mas malaki ng 33% sa screen kaysa sa Word, kahit na pareho silang nagpi-print sa magkaparehong sukat. Itakda ang Photoshop sa 300 PPI para sa trabaho sa pag-print upang makita ang tumpak na sukat.
Dapat ba akong magdisenyo sa mga punto o mga pixel para sa web?
Palaging mga pixel (o mga relatibong yunit tulad ng rem/em) para sa web. Ang mga punto ay mga absolutong pisikal na yunit na hindi pare-pareho ang pag-render sa iba't ibang mga browser at device. Ang 12pt ay maaaring 16px sa isang device at 20px sa isa pa. Gumamit ng px/rem para sa predictable na tipograpiya sa web.
Ano ang pagkakaiba sa pagitan ng pt, px, at dp?
pt = absolutong pisikal (1/72 pulgada), px = pixel ng screen (nag-iiba sa DPI), dp = Android density-independent (na-normalize sa 160 DPI). Gumamit ng pt para sa pag-print, px para sa web, dp para sa Android, iOS pt (lohikal) para sa iOS. Ang bawat sistema ay na-optimize para sa platform nito.
Bakit magkaiba ang hitsura ng 12pt sa iba't ibang mga app?
Ang mga application ay nagpapakahulugan sa mga punto nang iba batay sa kanilang pagpapalagay sa DPI. Ginagamit ng Word ang 96 DPI, ang default ng Photoshop ay 72 PPI, ginagamit ng InDesign ang aktwal na resolution ng device. Ang 12pt ay palaging 1/6 pulgada kapag nai-print, ngunit lumalabas na magkaiba ang laki sa screen dahil sa mga setting ng DPI.
Paano ko iko-convert ang mga punto ng TeX sa mga punto ng PostScript?
I-multiply ang mga punto ng TeX sa 0.9963 upang makuha ang mga punto ng PostScript (1 TeX pt = 1/72.27 pulgada vs. PostScript 1/72 pulgada). Ang pagkakaiba ay maliit—0.37% lamang—ngunit mahalaga para sa akademikong pag-publish kung saan ang eksaktong espasyo ay mahalaga para sa notasyon sa matematika.
Sa anong resolution ako dapat magdisenyo?
Pag-print: 300 DPI minimum, 600 DPI para sa mataas na kalidad. Web: Magdisenyo sa 96 DPI, magbigay ng @2x asset para sa retina. Mobile: Magdisenyo sa @1x sa mga lohikal na yunit (pt/dp), i-export ang @2x/@3x. Huwag kailanman magdisenyo sa 72 DPI maliban kung nagta-target ng mga legacy na Mac display.
Bakit 16px ang pamantayan sa web?
Ang default na laki ng font ng browser ay 16px (katumbas ng 12pt sa 96 DPI), na pinili para sa pinakamainam na pagiging madaling mabasa sa mga karaniwang distansya ng pagtingin (18-24 pulgada). Anumang mas maliit ay nakakabawas sa pagiging madaling mabasa, lalo na para sa mga mas matatandang gumagamit. Laging gamitin ang 16px bilang iyong batayan para sa relatibong sukat.
Kailangan ko bang malaman ang tungkol sa mga punto ng Didot?
Kung nagtatrabaho lamang sa tradisyonal na pag-print sa Europa, mga publisher na Pranses, o mga makasaysayang reproduksyon. Ang mga punto ng Didot (0.376mm) ay 6.5% na mas malaki kaysa sa mga punto ng PostScript. Ang modernong digital na disenyo ay gumagamit ng mga punto ng PostScript sa buong mundo—ang Didot ay pangunahing may kaugnayan para sa klasikal na tipograpiya at mga art book.
Kumpletong Direktoryo ng mga Tool
Lahat ng 71 na tool na magagamit sa UNITS