Penukar Tipografi

Dari Gutenberg ke Retina: Menguasai Unit Tipografi

Unit tipografi membentuk asas reka bentuk merentasi platform cetakan, web dan mudah alih. Daripada sistem titik tradisional yang ditubuhkan pada tahun 1700-an kepada ukuran berasaskan piksel moden, memahami unit ini adalah penting untuk pereka, pembangun dan sesiapa sahaja yang bekerja dengan teks. Panduan komprehensif ini merangkumi 22+ unit tipografi, konteks sejarahnya, aplikasi praktikal dan teknik penukaran untuk kerja profesional.

Apa yang Boleh Anda Tukar
Penukar ini mengendalikan 22+ unit tipografi merentasi cetakan, web dan mudah alih. Tukar antara unit mutlak (titik, pica, inci) dan unit bergantung pada skrin (piksel pada pelbagai DPI). Nota: Penukaran piksel memerlukan konteks DPI—96 DPI (Windows), 72 DPI (warisan Mac), atau 300 DPI (cetakan).

Konsep Asas: Memahami Pengukuran Tipografi

Apakah itu Titik?
Titik (pt) ialah unit asas tipografi, yang ditakrifkan dalam standard PostScript sebagai tepat 1/72 inci (0.3528 mm). Pemiawaian ini, yang ditubuhkan pada tahun 1980-an, menyatukan sistem tipografi yang bersaing selama berabad-abad dan kekal sebagai standard industri hari ini.

Titik (pt)

Unit mutlak tipografi, diseragamkan sebagai 1/72 inci

Titik mengukur saiz fon, jarak baris (leading), dan dimensi tipografi lain. Fon 12pt bermakna jarak dari descender terendah ke ascender tertinggi ialah 12 titik (1/6 inci atau 4.23mm). Sistem titik menyediakan ukuran bebas peranti yang diterjemahkan secara konsisten merentasi media.

Contoh: 12pt Times New Roman = 0.1667 inci tinggi = 4.23mm. Teks badan profesional biasanya menggunakan 10-12pt, tajuk 18-72pt.

Piksel (px)

Unit digital yang mewakili satu titik pada skrin atau imej

Piksel ialah unit bergantung pada peranti yang berbeza-beza berdasarkan ketumpatan skrin (DPI/PPI). Bilangan piksel yang sama kelihatan lebih besar pada paparan beresolusi rendah (72 PPI) dan lebih kecil pada paparan retina beresolusi tinggi (220+ PPI). Memahami hubungan DPI/PPI adalah penting untuk tipografi yang konsisten merentasi peranti.

Contoh: 16px pada 96 DPI = 12pt. 16px yang sama pada 300 DPI (cetakan) = 3.84pt. Sentiasa nyatakan DPI sasaran apabila menukar piksel.

Pika (pc)

Unit tipografi tradisional yang sama dengan 12 titik atau 1/6 inci

Pika mengukur lebar lajur, jidar dan dimensi reka letak halaman dalam reka bentuk cetakan tradisional. Perisian penerbitan desktop seperti InDesign dan QuarkXPress menggunakan pika sebagai unit ukuran lalai. Satu pika sama dengan tepat 12 titik, menjadikan penukaran mudah.

Contoh: Lajur akhbar standard mungkin selebar 15 pika (2.5 inci atau 180 titik). Reka letak majalah sering menggunakan ukuran 30-40 pika.

Perkara Penting
  • 1 titik (pt) = 1/72 inci = 0.3528 mm — ukuran fizikal mutlak
  • 1 pika (pc) = 12 titik = 1/6 inci — standard reka letak dan lebar lajur
  • Piksel bergantung pada peranti: 96 DPI (Windows), 72 DPI (warisan Mac), 300 DPI (cetakan)
  • Titik PostScript (1984) menyatukan sistem tipografi yang tidak serasi selama berabad-abad
  • Tipografi digital menggunakan titik untuk reka bentuk, piksel untuk pelaksanaan
  • DPI/PPI menentukan penukaran piksel-ke-titik: DPI lebih tinggi = saiz fizikal lebih kecil

Contoh Penukaran Pantas

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

Evolusi Pengukuran Tipografi

Zaman Pertengahan & Moden Awal (1450-1737)

1450–1737

Kelahiran jenis boleh alih mencipta keperluan untuk ukuran standard, tetapi sistem serantau kekal tidak serasi selama berabad-abad.

  • 1450: Mesin cetak Gutenberg mencipta keperluan untuk saiz jenis standard
  • 1500-an: Saiz jenis dinamakan sempena edisi Alkitab (Cicero, Augustin, dll.)
  • 1600-an: Setiap wilayah Eropah membangunkan sistem titiknya sendiri
  • 1690-an: Tipografer Perancis Fournier mencadangkan sistem 12-bahagian
  • Sistem awal: Sangat tidak konsisten, berbeza 0.01-0.02mm antara wilayah

Sistem Didot (1737-1886)

1737–1886

Pencetak Perancis François-Ambroise Didot mencipta standard sebenar pertama, yang diterima pakai di seluruh Benua Eropah dan masih digunakan hari ini di Perancis dan Jerman.

  • 1737: Fournier mencadangkan sistem titik berdasarkan inci diraja Perancis
  • 1770: François-Ambroise Didot memperhalusi sistem — 1 titik Didot = 0.376mm
  • 1785: Cicero (12 titik Didot) menjadi ukuran standard
  • 1800-an: Sistem Didot menguasai percetakan Benua Eropah
  • Moden: Masih digunakan di Perancis, Jerman, Belgium untuk cetakan tradisional

Sistem Anglo-Amerika (1886-1984)

1886–1984

Pencetak Amerika dan British menyeragamkan sistem pica, mentakrifkan 1 titik sebagai 0.013837 inci (1/72.27 inci), menguasai tipografi bahasa Inggeris.

  • 1886: American Type Founders menubuhkan sistem pica: 1 pt = 0.013837"
  • 1898: British menerima pakai standard Amerika, mewujudkan perpaduan Anglo-Amerika
  • 1930-an-1970-an: Sistem pica menguasai semua percetakan bahasa Inggeris
  • Perbezaan: Titik Anglo-Amerika (0.351mm) vs Didot (0.376mm) — 7% lebih besar
  • Kesan: Memerlukan acuan jenis yang berasingan untuk pasaran AS/UK berbanding pasaran Eropah

Revolusi PostScript (1984-Kini)

1984–Kini

Standard PostScript Adobe menyatukan tipografi global dengan mentakrifkan 1 titik sebagai tepat 1/72 inci, menamatkan berabad-abad ketidakserasian dan membolehkan tipografi digital.

  • 1984: Adobe PostScript mentakrifkan 1 pt = tepat 1/72 inci (0.3528mm)
  • 1985: Apple LaserWriter menjadikan PostScript standard untuk penerbitan desktop
  • 1990-an: Titik PostScript menjadi standard global, menggantikan sistem serantau
  • 2000-an: TrueType, OpenType menerima pakai ukuran PostScript
  • Moden: Titik PostScript ialah standard universal untuk semua reka bentuk digital

Sistem Tipografi Tradisional

Sebelum PostScript menyatukan ukuran pada tahun 1984, sistem tipografi serantau wujud bersama, masing-masing dengan takrifan titik yang unik. Sistem ini kekal penting untuk percetakan bersejarah dan aplikasi khusus.

Sistem Didot (Perancis/Eropah)

Ditubuhkan pada tahun 1770 oleh François-Ambroise Didot

Standard Benua Eropah, masih digunakan di Perancis, Jerman, dan sebahagian Eropah Timur untuk percetakan tradisional.

  • 1 titik Didot = 0.376mm (vs PostScript 0.353mm) — 6.5% lebih besar
  • 1 Cicero = 12 titik Didot = 4.51mm (setanding dengan pica)
  • Berdasarkan inci diraja Perancis (27.07mm), memberikan kesederhanaan seperti metrik
  • Masih diutamakan dalam pencetakan buku seni dan klasik Eropah
  • Penggunaan moden: Imprimerie nationale Perancis, tipografi Fraktur Jerman

Sistem TeX (Akademik)

Dicipta pada tahun 1978 oleh Donald Knuth untuk penetapan jenis komputer

Standard akademik untuk penerbitan matematik dan saintifik, dioptimumkan untuk gubahan digital yang tepat.

  • 1 titik TeX = 1/72.27 inci = 0.351mm (sepadan dengan titik Anglo-Amerika lama)
  • Dipilih untuk mengekalkan keserasian dengan penerbitan akademik pra-digital
  • 1 pika TeX = 12 titik TeX (sedikit lebih kecil daripada pika PostScript)
  • Digunakan oleh LaTeX, sistem penerbitan saintifik yang dominan
  • Kritikal untuk: Kertas akademik, teks matematik, jurnal fizik

Twip (Sistem Komputer)

Tipografi Microsoft Word dan Windows

Unit ukuran dalaman untuk pemproses perkataan, memberikan kawalan halus untuk reka letak dokumen digital.

  • 1 twip = 1/20 titik = 1/1440 inci = 0.0176mm
  • Nama: 'Dua Puluh Titik' — ukuran yang sangat tepat
  • Digunakan secara dalaman oleh: Microsoft Word, Excel, PowerPoint, Windows GDI
  • Membenarkan saiz titik pecahan tanpa matematik titik terapung
  • 20 twip = 1 titik, membolehkan ketepatan 0.05pt untuk penetapan jenis profesional

Titik Pencetak Amerika

Standard American Type Founders tahun 1886

Standard pra-digital untuk percetakan bahasa Inggeris, sedikit berbeza daripada PostScript.

  • 1 titik pencetak = 0.013837 inci = 0.351mm
  • Sama dengan 1/72.27 inci (vs PostScript 1/72) — 0.4% lebih kecil
  • Pika = 0.166 inci (vs PostScript 0.16667) — perbezaan yang hampir tidak dapat dilihat
  • Menguasai 1886-1984 sebelum penyatuan PostScript
  • Kesan warisan: Sesetengah kedai cetak tradisional masih merujuk kepada sistem ini

Saiz Tipografi Biasa

PenggunaanTitikPiksel (96 DPI)Nota
Cetakan kecil / nota kaki8-9 pt11-12 pxKebolehbacaan minimum
Teks badan (cetakan)10-12 pt13-16 pxBuku, majalah
Teks badan (web)12 pt16 pxLalai penyemak imbas
Subtajuk14-18 pt19-24 pxPengepala bahagian
Tajuk (H2-H3)18-24 pt24-32 pxTajuk artikel
Tajuk utama (H1)28-48 pt37-64 pxTajuk halaman/poster
Jenis paparan60-144 pt80-192 pxPoster, papan iklan
Sasaran sentuhan minimum33 pt44 pxKebolehcapaian iOS
Standard lebar lajur180 pt (15 pc)240 pxAkhbar
Leading standard14.4 pt (untuk teks 12pt)19.2 pxJarak baris 120%

Fakta Menarik tentang Tipografi

Asal 'Fon'

Perkataan 'fon' berasal dari bahasa Perancis 'fonte' yang bermaksud 'dituang' atau 'dicairkan'—merujuk kepada logam cair yang dituangkan ke dalam acuan untuk mencipta kepingan jenis logam individu dalam percetakan letterpress tradisional.

Mengapa 72 Titik?

PostScript memilih 72 titik per inci kerana 72 boleh dibahagikan dengan 2, 3, 4, 6, 8, 9, 12, 18, 24, dan 36—menjadikan pengiraan lebih mudah. Ia juga hampir sepadan dengan sistem pica tradisional (72.27 titik/inci).

Fon Paling Mahal

Bauer Bodoni berharga $89,900 untuk keluarga lengkap—salah satu fon komersial paling mahal yang pernah dijual. Reka bentuknya memerlukan bertahun-tahun kerja untuk mendigitalkan daripada spesimen jenis logam asal tahun 1920-an.

Psikologi Comic Sans

Walaupun dibenci oleh pereka, Comic Sans meningkatkan kelajuan membaca untuk pembaca disleksia sebanyak 10-15% kerana bentuk huruf yang tidak teratur yang menghalang kekeliruan aksara. Ia sebenarnya alat kebolehcapaian yang berharga.

Simbol Universal

Simbol '@' mempunyai nama yang berbeza dalam bahasa yang berbeza: 'siput' (Itali), 'ekor monyet' (Belanda), 'tikus kecil' (Cina), dan 'ikan hering jeruk gulung' (Czech)—tetapi ia adalah aksara 24pt yang sama.

Pilihan 72 DPI Mac

Apple memilih 72 DPI untuk Mac asal agar sepadan dengan titik PostScript (1 piksel = 1 titik), menjadikan penerbitan desktop WYSIWYG mungkin buat kali pertama pada tahun 1984. Ini merevolusikan reka bentuk grafik.

Garis Masa Evolusi Tipografi

1450

Gutenberg mencipta jenis boleh alih—keperluan pertama untuk standard pengukuran jenis

1737

François-Ambroise Didot mencipta sistem titik Didot (0.376mm)

1886

American Type Founders menyeragamkan sistem pica (1 pt = 1/72.27 inci)

1978

Donald Knuth mencipta sistem titik TeX untuk penetapan jenis akademik

1984

Adobe PostScript mentakrifkan 1 pt = tepat 1/72 inci—penyatuan global

1985

Apple LaserWriter membawa PostScript ke penerbitan desktop

1991

Format fon TrueType menyeragamkan tipografi digital

1996

CSS memperkenalkan tipografi web dengan ukuran berasaskan piksel

2007

iPhone memperkenalkan paparan retina @2x—reka bentuk bebas ketumpatan

2008

Android dilancarkan dengan dp (piksel bebas ketumpatan)

2010

Fon web (WOFF) membolehkan tipografi tersuai dalam talian

2014

Spesifikasi fon boleh ubah—satu fail, gaya tak terhingga

Tipografi Digital: Skrin, DPI, dan Perbezaan Platform

Tipografi digital memperkenalkan ukuran bergantung pada peranti di mana nilai berangka yang sama menghasilkan saiz fizikal yang berbeza berdasarkan ketumpatan skrin. Memahami konvensyen platform adalah penting untuk reka bentuk yang konsisten.

Windows (Standard 96 DPI)

96 DPI (96 piksel per inci)

Microsoft menyeragamkan 96 DPI dalam Windows 95, mencipta nisbah 4:3 antara piksel dan titik. Ini kekal sebagai lalai untuk kebanyakan paparan PC.

  • 1 px pada 96 DPI = 0.75 pt (4 piksel = 3 titik)
  • 16px = 12pt — penukaran saiz teks badan yang biasa
  • Sejarah: Dipilih sebagai 1.5× standard CGA 64 DPI yang asal
  • Moden: Paparan DPI tinggi menggunakan penskalaan 125%, 150%, 200% (120, 144, 192 DPI)
  • Lalai web: CSS menganggap 96 DPI untuk semua penukaran px-ke-fizikal

macOS (Warisan 72 DPI, 220 PPI Retina)

72 DPI (warisan), 220 PPI (@2x Retina)

72 DPI asal Apple sepadan dengan titik PostScript 1:1. Paparan Retina moden menggunakan penskalaan @2x/@3x untuk pemaparan yang tajam.

  • Warisan: 1 px pada 72 DPI = 1 pt tepat (padanan sempurna)
  • Retina @2x: 2 piksel fizikal setiap titik, 220 PPI berkesan
  • Retina @3x: 3 piksel fizikal setiap titik, 330 PPI (iPhone)
  • Kelebihan: Saiz titik sepadan merentasi skrin dan pratonton cetakan
  • Realiti: Retina fizikal ialah 220 PPI tetapi diskalakan untuk kelihatan sebagai 110 PPI (2×)

Android (Garis Dasar 160 DPI)

160 DPI (piksel bebas ketumpatan)

Sistem dp (piksel bebas ketumpatan) Android menormalkan kepada garis dasar 160 DPI, dengan baldi ketumpatan untuk skrin yang berbeza.

  • 1 dp pada 160 DPI = 0.45 pt (160 piksel/inci ÷ 72 titik/inci)
  • Baldi ketumpatan: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
  • Formula: piksel fizikal = dp × (DPI skrin / 160)
  • 16sp (piksel bebas skala) = saiz teks minimum yang disyorkan
  • Kelebihan: Nilai dp yang sama kelihatan sama secara fizikal merentasi semua peranti Android

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

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

iOS menggunakan titik sebagai unit logik yang sama dengan titik PostScript, dengan kiraan piksel fizikal bergantung pada generasi skrin (bukan retina @1x, retina @2x, super retina @3x).

  • 1 titik iOS pada @1x = 1.0 pt PostScript (garis dasar 72 DPI, sama seperti PostScript)
  • Retina @2x: 2 piksel fizikal setiap titik iOS (144 DPI)
  • Super Retina @3x: 3 piksel fizikal setiap titik iOS (216 DPI)
  • Semua reka bentuk iOS menggunakan titik; sistem mengendalikan ketumpatan piksel secara automatik
  • 17pt = saiz teks badan minimum yang disyorkan (kebolehcapaian)

DPI vs. PPI: Memahami Ketumpatan Skrin dan Cetakan

DPI (Titik per Inci)

Resolusi pencetak — berapa banyak titik dakwat muat dalam satu inci

DPI mengukur resolusi output pencetak. DPI yang lebih tinggi menghasilkan teks dan imej yang lebih licin dengan meletakkan lebih banyak titik dakwat per inci.

  • 300 DPI: Standard untuk percetakan profesional (majalah, buku)
  • 600 DPI: Percetakan laser berkualiti tinggi (dokumen perniagaan)
  • 1200-2400 DPI: Percetakan foto profesional dan pembiakan seni halus
  • 72 DPI: Pratonton skrin sahaja — tidak boleh diterima untuk dicetak (kelihatan bergerigi)
  • 150 DPI: Percetakan draf atau poster format besar (dilihat dari jauh)

PPI (Piksel per Inci)

Resolusi skrin — berapa banyak piksel muat dalam satu inci paparan

PPI mengukur ketumpatan paparan. PPI yang lebih tinggi mencipta teks skrin yang lebih tajam dengan memuatkan lebih banyak piksel ke dalam ruang fizikal yang sama.

  • 72 PPI: Paparan Mac asal (1 piksel = 1 titik)
  • 96 PPI: Paparan Windows standard (1.33 piksel setiap titik)
  • 110-120 PPI: Monitor komputer riba/desktop bajet
  • 220 PPI: MacBook Retina, iPad Pro (ketumpatan piksel 2×)
  • 326-458 PPI: iPhone Retina/Super Retina (ketumpatan piksel 3×)
  • 400-600 PPI: Telefon Android mewah (Samsung, Google Pixel)
Kesilapan Biasa: Mengelirukan DPI dan PPI

DPI dan PPI sering digunakan secara bergantian tetapi mengukur perkara yang berbeza. DPI adalah untuk pencetak (titik dakwat), PPI adalah untuk skrin (piksel pemancar cahaya). Semasa mereka bentuk, sentiasa nyatakan: 'Skrin pada 96 PPI' atau 'Cetak pada 300 DPI' — jangan sekali-kali hanya 'DPI' sahaja, kerana ia tidak jelas.

Aplikasi Praktikal: Memilih Unit yang Tepat

Reka Bentuk Cetakan

Cetakan menggunakan unit mutlak (titik, pica) kerana saiz output fizikal mestilah tepat dan bebas peranti.

  • Teks badan: 10-12pt untuk buku, 9-11pt untuk majalah
  • Tajuk: 18-72pt bergantung pada hierarki dan format
  • Leading (jarak baris): 120% daripada saiz fon (teks 12pt = leading 14.4pt)
  • Ukur dimensi mutlak dalam pica: 'Lebar lajur: 25 pica'
  • Sentiasa reka bentuk pada 300 DPI untuk percetakan profesional
  • Jangan sekali-kali menggunakan piksel untuk mencetak — tukar kepada titik/pica/inci

Reka Bentuk Web

Tipografi web menggunakan piksel dan unit relatif kerana skrin berbeza-beza dari segi saiz dan ketumpatan.

  • Teks badan: 16px lalai (standard penyemak imbas) = 12pt pada 96 DPI
  • Jangan sekali-kali menggunakan saiz titik mutlak dalam CSS — penyemak imbas memaparkannya secara tidak dapat diramalkan
  • Reka bentuk responsif: Gunakan rem (relatif kepada fon akar) untuk kebolehskalaan
  • Teks minimum: 14px untuk badan, 12px untuk kapsyen (kebolehcapaian)
  • Ketinggian baris: 1.5 (tanpa unit) untuk kebolehbacaan teks badan
  • Pertanyaan media: Reka bentuk untuk 320px (mudah alih) hingga 1920px+ (desktop)

Aplikasi Mudah Alih

Platform mudah alih menggunakan unit bebas ketumpatan (dp/pt) untuk memastikan saiz fizikal yang konsisten merentasi ketumpatan skrin yang berbeza.

  • iOS: Reka bentuk dalam titik (pt), sistem berskala ke @2x/@3x secara automatik
  • Android: Gunakan dp (piksel bebas ketumpatan) untuk reka letak, sp untuk teks
  • Sasaran sentuhan minimum: 44pt (iOS) atau 48dp (Android) untuk kebolehcapaian
  • Teks badan: minimum 16sp (Android) atau 17pt (iOS)
  • Jangan sekali-kali menggunakan piksel fizikal — sentiasa gunakan unit logik (dp/pt)
  • Uji pada pelbagai ketumpatan: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi

Akademik & Saintifik

Penerbitan akademik menggunakan titik TeX untuk ketepatan matematik dan keserasian dengan literatur yang sedia ada.

  • LaTeX menggunakan titik TeX (72.27 per inci) untuk keserasian warisan
  • Jurnal standard: fon Computer Modern 10pt
  • Format dua lajur: lajur 3.33 inci (240pt) dengan selokan 0.25 inci (18pt)
  • Persamaan: Saiz titik yang tepat adalah penting untuk tatatanda matematik
  • Tukar dengan berhati-hati: 1 pt TeX = 0.9963 pt PostScript
  • Output PDF: TeX mengendalikan penukaran sistem titik secara automatik

Penukaran dan Pengiraan Biasa

Rujukan pantas untuk penukaran tipografi setiap hari:

Penukaran Penting

DariKeFormulaContoh
TitikIncipt ÷ 7272pt = 1 inci
TitikMilimeterpt × 0.352812pt = 4.23mm
TitikPikapt ÷ 1272pt = 6 pika
Piksel (96 DPI)Titikpx × 0.7516px = 12pt
Piksel (72 DPI)Titikpx × 112px = 12pt
PikaIncipc ÷ 66pc = 1 inci
InciTitikin × 722in = 144pt
Android dpTitikdp × 0.4532dp = 14.4pt

Rujukan Penukaran Unit Lengkap

Semua unit tipografi dengan faktor penukaran yang tepat. Unit asas: Titik PostScript (pt)

Unit Mutlak (Fizikal)

Base Unit: Titik PostScript (pt)

UnitTo PointsTo InchesExample
Titik (pt)× 1÷ 7272 pt = 1 inci
Pika (pc)× 12÷ 66 pc = 1 inci = 72 pt
Inci (in)× 72× 11 in = 72 pt = 6 pc
Milimeter (mm)× 2.8346÷ 25.425.4 mm = 1 in = 72 pt
Sentimeter (cm)× 28.346÷ 2.542.54 cm = 1 in
Titik Didot× 1.07÷ 67.667.6 Didot = 1 in
Cicero× 12.84÷ 5.61 cicero = 12 Didot
Titik TeX× 0.9963÷ 72.2772.27 TeX pt = 1 in

Unit Skrin/Digital (Bergantung pada DPI)

Penukaran ini bergantung pada DPI skrin (titik per inci). Andaian lalai: 96 DPI (Windows), 72 DPI (warisan Mac)

UnitTo PointsFormulaExample
Piksel @ 96 DPI× 0.75pt = px × 72/9616 px = 12 pt
Piksel @ 72 DPI× 1pt = px × 72/7212 px = 12 pt
Piksel @ 300 DPI× 0.24pt = px × 72/300300 px = 72 pt = 1 in

Unit Platform Mudah Alih

Unit logik khusus platform yang berskala dengan ketumpatan peranti

UnitTo PointsFormulaExample
Android dp× 0.45pt ≈ dp × 72/16032 dp ≈ 14.4 pt
iOS pt (@1x)× 1.0Titik PostScript = titik iOS (sama)17 iOS pt = 17 PostScript pt
iOS pt (@2x Retina)2 piksel fizikal setiap titik iOS2× piksel1 titik iOS = 2 piksel skrin
iOS pt (@3x)3 piksel fizikal setiap titik iOS3× piksel1 titik iOS = 3 piksel skrin

Unit Warisan & Khusus

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
Titik Besar PostScript× 1.00375Tepat 1/72 inci72 bp = 1.0027 in

Pengiraan Penting

CalculationFormulaExample
Penukaran DPI ke Titikpt = (px × 72) / DPI16px @ 96 DPI = (16×72)/96 = 12 pt
Saiz fizikal dari titikinci = pt / 72144 pt = 144/72 = 2 inci
Leading (jarak baris)leading = saiz fon × 1.2 hingga 1.45fon 12pt → leading 14.4-17.4pt
Resolusi cetakanpiksel yang diperlukan = (inci × DPI) untuk lebar & tinggi8×10 in @ 300 DPI = 2400×3000 px

Amalan Terbaik untuk Tipografi

Reka Bentuk Cetakan

  • Sentiasa bekerja dalam titik atau pica — jangan sekali-kali dalam piksel untuk mencetak
  • Sediakan dokumen pada saiz sebenar (300 DPI) dari awal
  • Gunakan 10-12pt untuk teks badan; apa-apa yang lebih kecil mengurangkan kebolehbacaan
  • Leading hendaklah 120-145% daripada saiz fon untuk bacaan yang selesa
  • Jidar: Minimum 0.5 inci (36pt) untuk penjilidan dan pengendalian
  • Lakukan cetakan ujian pada saiz sebenar sebelum menghantar ke pencetak komersial

Pembangunan Web

  • Gunakan rem untuk saiz fon — membolehkan pengguna zum tanpa merosakkan reka letak
  • Tetapkan fon akar kepada 16px (lalai penyemak imbas) — jangan sekali-kali lebih kecil
  • Gunakan nilai ketinggian baris tanpa unit (1.5) dan bukannya ketinggian tetap
  • Jangan sekali-kali menggunakan saiz titik mutlak dalam CSS — pemaparan yang tidak dapat diramalkan
  • Uji pada peranti sebenar, bukan hanya mengubah saiz penyemak imbas — DPI penting
  • Saiz fon minimum: 14px badan, 12px kapsyen, 44px sasaran sentuhan

Aplikasi Mudah Alih

  • iOS: Reka bentuk @1x, eksport aset @2x dan @3x secara automatik
  • Android: Reka bentuk dalam dp, uji pada mdpi/hdpi/xhdpi/xxhdpi
  • Teks minimum: 17pt (iOS) atau 16sp (Android) untuk kebolehcapaian
  • Sasaran sentuhan: minimum 44pt (iOS) atau 48dp (Android)
  • Uji pada peranti fizikal — simulator tidak menunjukkan ketumpatan sebenar
  • Gunakan fon sistem apabila boleh — ia dioptimumkan untuk platform

Kebolehcapaian

  • Teks badan minimum: 16px (web), 17pt (iOS), 16sp (Android)
  • Kontras tinggi: 4.5:1 untuk teks badan, 3:1 untuk teks besar (18pt+)
  • Sokong penskalaan pengguna: gunakan unit relatif, bukan saiz tetap
  • Panjang baris: 45-75 aksara setiap baris untuk kebolehbacaan optimum
  • Ketinggian baris: minimum 1.5× saiz fon untuk kebolehcapaian disleksia
  • Uji dengan pembaca skrin dan zum pada 200%

Soalan Lazim

Mengapa teks saya kelihatan berbeza saiznya dalam Photoshop berbanding Word?

Photoshop menganggap 72 PPI untuk paparan skrin, manakala Word menggunakan 96 DPI (Windows) untuk reka letak. Fon 12pt dalam Photoshop kelihatan 33% lebih besar pada skrin berbanding dalam Word, walaupun kedua-duanya dicetak pada saiz yang sama. Tetapkan Photoshop kepada 300 PPI untuk kerja cetakan untuk melihat saiz yang tepat.

Perlukah saya mereka bentuk dalam titik atau piksel untuk web?

Sentiasa dalam piksel (atau unit relatif seperti rem/em) untuk web. Titik ialah unit fizikal mutlak yang dipaparkan secara tidak konsisten merentasi penyemak imbas dan peranti yang berbeza. 12pt mungkin 16px pada satu peranti dan 20px pada peranti lain. Gunakan px/rem untuk tipografi web yang boleh diramal.

Apakah perbezaan antara pt, px, dan dp?

pt = fizikal mutlak (1/72 inci), px = piksel skrin (berbeza-beza dengan DPI), dp = bebas ketumpatan Android (dinormalkan kepada 160 DPI). Gunakan pt untuk cetakan, px untuk web, dp untuk Android, pt logik iOS untuk iOS. Setiap sistem dioptimumkan untuk platformnya.

Mengapa 12pt kelihatan berbeza dalam aplikasi yang berbeza?

Aplikasi mentafsirkan titik secara berbeza berdasarkan andaian DPI mereka. Word menggunakan 96 DPI, Photoshop lalai kepada 72 PPI, InDesign menggunakan resolusi peranti sebenar. 12pt sentiasa 1/6 inci apabila dicetak, tetapi kelihatan berbeza saiznya pada skrin kerana tetapan DPI.

Bagaimana cara menukar titik TeX kepada titik PostScript?

Darabkan titik TeX dengan 0.9963 untuk mendapatkan titik PostScript (1 titik TeX = 1/72.27 inci vs PostScript 1/72 inci). Perbezaannya kecil—hanya 0.37%—tetapi penting untuk penerbitan akademik di mana jarak yang tepat adalah penting untuk tatatanda matematik.

Pada resolusi apakah saya harus mereka bentuk?

Cetakan: minimum 300 DPI, 600 DPI untuk kualiti tinggi. Web: Reka bentuk pada 96 DPI, sediakan aset @2x untuk retina. Mudah alih: Reka bentuk @1x dalam unit logik (pt/dp), eksport @2x/@3x. Jangan sekali-kali mereka bentuk pada 72 DPI melainkan menyasarkan paparan Mac warisan.

Mengapa 16px adalah standard web?

Saiz fon lalai penyemak imbas ialah 16px (bersamaan dengan 12pt pada 96 DPI), dipilih untuk kebolehbacaan optimum pada jarak tontonan biasa (18-24 inci). Apa-apa yang lebih kecil mengurangkan kebolehbacaan, terutamanya untuk pengguna yang lebih tua. Sentiasa gunakan 16px sebagai asas anda untuk saiz relatif.

Perlukah saya tahu tentang titik Didot?

Hanya jika bekerja dengan percetakan tradisional Eropah, penerbit Perancis, atau pembiakan bersejarah. Titik Didot (0.376mm) adalah 6.5% lebih besar daripada titik PostScript. Reka bentuk digital moden secara universal menggunakan titik PostScript—Didot terutamanya relevan untuk tipografi klasik dan buku seni.

Direktori Alat Lengkap

Semua 71 alat yang tersedia di UNITS

Tapis mengikut:
Kategori:

Ekstra