Konverter Tipografi
Dari Gutenberg ke Retina: Menguasai Unit Tipografi
Unit tipografi membentuk fondasi desain di seluruh platform cetak, web, dan seluler. Dari sistem poin tradisional yang didirikan pada tahun 1700-an hingga pengukuran berbasis piksel modern, memahami unit-unit ini sangat penting bagi desainer, pengembang, dan siapa pun yang bekerja dengan teks. Panduan komprehensif ini mencakup 22+ unit tipografi, konteks historisnya, aplikasi praktis, dan teknik konversi untuk pekerjaan profesional.
Konsep Fundamental: Memahami Pengukuran Tipografi
Poin (pt)
Unit absolut tipografi, distandardisasi sebagai 1/72 inci
Poin mengukur ukuran font, spasi baris (leading), dan dimensi tipografi lainnya. Font 12pt berarti jarak dari descender terendah ke ascender tertinggi adalah 12 poin (1/6 inci atau 4,23mm). Sistem poin menyediakan pengukuran yang tidak bergantung pada perangkat yang diterjemahkan secara konsisten di berbagai media.
Contoh: 12pt Times New Roman = tinggi 0,1667 inci = 4,23mm. Teks tubuh profesional biasanya menggunakan 10-12pt, judul 18-72pt.
Piksel (px)
Unit digital yang mewakili satu titik pada layar atau gambar
Piksel adalah unit yang bergantung pada perangkat yang bervariasi berdasarkan kepadatan layar (DPI/PPI). Jumlah piksel yang sama tampak lebih besar pada layar beresolusi rendah (72 PPI) dan lebih kecil pada layar retina beresolusi tinggi (220+ PPI). Memahami hubungan DPI/PPI sangat penting untuk tipografi yang konsisten di seluruh perangkat.
Contoh: 16px pada 96 DPI = 12pt. 16px yang sama pada 300 DPI (cetak) = 3,84pt. Selalu tentukan DPI target saat mengonversi piksel.
Pika (pc)
Unit tipografi tradisional yang sama dengan 12 poin atau 1/6 inci
Pika mengukur lebar kolom, margin, dan dimensi tata letak halaman dalam desain cetak tradisional. Perangkat lunak penerbitan desktop seperti InDesign dan QuarkXPress menggunakan pika sebagai unit pengukuran default. Satu pika sama dengan tepat 12 poin, membuat konversi menjadi mudah.
Contoh: Kolom koran standar mungkin memiliki lebar 15 pika (2,5 inci atau 180 poin). Tata letak majalah sering menggunakan ukuran 30-40 pika.
- 1 poin (pt) = 1/72 inci = 0,3528 mm — pengukuran fisik absolut
- 1 pika (pc) = 12 poin = 1/6 inci — standar tata letak dan lebar kolom
- Piksel bergantung pada perangkat: 96 DPI (Windows), 72 DPI (Mac lawas), 300 DPI (cetak)
- Poin PostScript (1984) menyatukan sistem tipografi yang tidak kompatibel selama berabad-abad
- Tipografi digital menggunakan poin untuk desain, piksel untuk implementasi
- DPI/PPI menentukan konversi piksel-ke-poin: DPI lebih tinggi = ukuran fisik lebih kecil
Contoh Konversi Cepat
Evolusi Pengukuran Tipografi
Abad Pertengahan & Modern Awal (1450-1737)
1450–1737
Kelahiran huruf lepas menciptakan kebutuhan akan pengukuran standar, tetapi sistem regional tetap tidak kompatibel selama berabad-abad.
- 1450: Mesin cetak Gutenberg menciptakan kebutuhan akan ukuran huruf standar
- 1500-an: Ukuran huruf dinamai sesuai edisi Alkitab (Cicero, Augustin, dll.)
- 1600-an: Setiap wilayah Eropa mengembangkan sistem poinnya sendiri
- 1690-an: Tipografer Prancis Fournier mengusulkan sistem 12-divisi
- Sistem awal: Sangat tidak konsisten, berbeda 0,01-0,02mm antar wilayah
Sistem Didot (1737-1886)
1737–1886
Pencetak Prancis François-Ambroise Didot menciptakan standar sejati pertama, yang diadopsi di seluruh Benua Eropa dan masih digunakan hingga saat ini di Prancis dan Jerman.
- 1737: Fournier mengusulkan sistem poin berdasarkan inci kerajaan Prancis
- 1770: François-Ambroise Didot menyempurnakan sistem — 1 poin Didot = 0,376mm
- 1785: Cicero (12 poin Didot) menjadi ukuran standar
- 1800-an: Sistem Didot mendominasi percetakan Benua Eropa
- Modern: Masih digunakan di Prancis, Jerman, Belgia untuk cetak tradisional
Sistem Anglo-Amerika (1886-1984)
1886–1984
Pencetak Amerika dan Inggris menstandarisasi sistem pika, mendefinisikan 1 poin sebagai 0,013837 inci (1/72,27 inci), mendominasi tipografi berbahasa Inggris.
- 1886: American Type Founders menetapkan sistem pika: 1 pt = 0,013837"
- 1898: Inggris mengadopsi standar Amerika, menciptakan kesatuan Anglo-Amerika
- 1930-an-1970-an: Sistem pika mendominasi semua percetakan berbahasa Inggris
- Perbedaan: Poin Anglo-Amerika (0,351mm) vs Didot (0,376mm) — 7% lebih besar
- Dampak: Memerlukan pengecoran huruf terpisah untuk pasar AS/Inggris vs pasar Eropa
Revolusi PostScript (1984-Sekarang)
1984–Sekarang
Standar PostScript dari Adobe menyatukan tipografi global dengan mendefinisikan 1 poin sebagai tepat 1/72 inci, mengakhiri berabad-abad inkompatibilitas dan memungkinkan tipografi digital.
- 1984: Adobe PostScript mendefinisikan 1 pt = tepat 1/72 inci (0,3528mm)
- 1985: Apple LaserWriter menjadikan PostScript standar untuk penerbitan desktop
- 1990-an: Poin PostScript menjadi standar global, menggantikan sistem regional
- 2000-an: TrueType, OpenType mengadopsi pengukuran PostScript
- Modern: Poin PostScript adalah standar universal untuk semua desain digital
Sistem Tipografi Tradisional
Sebelum PostScript menyatukan pengukuran pada tahun 1984, sistem tipografi regional hidup berdampingan, masing-masing dengan definisi poin yang unik. Sistem-sistem ini tetap penting untuk percetakan historis dan aplikasi khusus.
Sistem Didot (Prancis/Eropa)
Didirikan pada tahun 1770 oleh François-Ambroise Didot
Standar Benua Eropa, masih digunakan di Prancis, Jerman, dan sebagian Eropa Timur untuk percetakan tradisional.
- 1 poin Didot = 0,376mm (vs PostScript 0,353mm) — 6,5% lebih besar
- 1 Cicero = 12 poin Didot = 4,51mm (sebanding dengan pika)
- Berdasarkan inci kerajaan Prancis (27,07mm), memberikan kesederhanaan seperti metrik
- Masih lebih disukai dalam pencetakan buku seni dan klasik Eropa
- Penggunaan modern: Imprimerie nationale Prancis, tipografi Fraktur Jerman
Sistem TeX (Akademis)
Diciptakan pada tahun 1978 oleh Donald Knuth untuk penyusunan huruf komputer
Standar akademis untuk penerbitan matematika dan ilmiah, dioptimalkan untuk komposisi digital yang presisi.
- 1 poin TeX = 1/72,27 inci = 0,351mm (cocok dengan poin Anglo-Amerika lama)
- Dipilih untuk menjaga kompatibilitas dengan publikasi akademis pra-digital
- 1 pika TeX = 12 poin TeX (sedikit lebih kecil dari pika PostScript)
- Digunakan oleh LaTeX, sistem penerbitan ilmiah yang dominan
- Kritis untuk: Makalah akademis, teks matematika, jurnal fisika
Twip (Sistem Komputer)
Tipografi Microsoft Word dan Windows
Unit pengukuran internal untuk pengolah kata, memberikan kontrol halus untuk tata letak dokumen digital.
- 1 twip = 1/20 poin = 1/1440 inci = 0,0176mm
- Nama: 'Dua Puluh dari Satu Poin' — pengukuran yang sangat presisi
- Digunakan secara internal oleh: Microsoft Word, Excel, PowerPoint, Windows GDI
- Memungkinkan ukuran poin pecahan tanpa matematika floating-point
- 20 twip = 1 poin, memungkinkan presisi 0,05pt untuk penyusunan huruf profesional
Poin Pencetak Amerika
Standar American Type Founders tahun 1886
Standar pra-digital untuk percetakan berbahasa Inggris, sedikit berbeda dari PostScript.
- 1 poin 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) — perbedaan yang hampir tidak terlihat
- Mendominasi 1886-1984 sebelum penyatuan PostScript
- Dampak warisan: Beberapa toko cetak tradisional masih merujuk pada sistem ini
Ukuran Tipografi Umum
| Penggunaan | Poin | Piksel (96 DPI) | Catatan |
|---|---|---|---|
| Cetak kecil / catatan kaki | 8-9 pt | 11-12 px | Keterbacaan minimum |
| Teks tubuh (cetak) | 10-12 pt | 13-16 px | Buku, majalah |
| Teks tubuh (web) | 12 pt | 16 px | Default browser |
| Subjudul | 14-18 pt | 19-24 px | Judul bagian |
| Judul (H2-H3) | 18-24 pt | 24-32 px | Judul artikel |
| Judul utama (H1) | 28-48 pt | 37-64 px | Judul halaman/poster |
| Tipe display | 60-144 pt | 80-192 px | Poster, papan reklame |
| Target sentuh minimum | 33 pt | 44 px | Aksesibilitas iOS |
| Standar lebar kolom | 180 pt (15 pc) | 240 px | Koran |
| Leading standar | 14,4 pt (untuk teks 12pt) | 19,2 px | Spasi baris 120% |
Fakta Menarik tentang Tipografi
Asal 'Font'
Kata 'font' berasal dari bahasa Prancis 'fonte' yang berarti 'dituang' atau 'dilebur'—mengacu pada logam cair yang dituangkan ke dalam cetakan untuk membuat potongan huruf logam individual dalam percetakan letterpress tradisional.
Mengapa 72 Poin?
PostScript memilih 72 poin per inci karena 72 dapat dibagi oleh 2, 3, 4, 6, 8, 9, 12, 18, 24, dan 36—membuat perhitungan lebih mudah. Itu juga sangat cocok dengan sistem pika tradisional (72,27 poin/inci).
Font Termahal
Bauer Bodoni berharga $89.900 untuk keluarga lengkapnya—salah satu font komersial termahal yang pernah dijual. Desainnya membutuhkan kerja bertahun-tahun untuk didigitalkan dari spesimen huruf logam asli tahun 1920-an.
Psikologi Comic Sans
Meskipun dibenci oleh para desainer, Comic Sans meningkatkan kecepatan membaca bagi pembaca disleksia sebesar 10-15% karena bentuk hurufnya yang tidak beraturan yang mencegah kebingungan karakter. Ini sebenarnya adalah alat aksesibilitas yang berharga.
Simbol Universal
Simbol '@' memiliki nama yang berbeda dalam berbagai bahasa: 'siput' (Italia), 'ekor monyet' (Belanda), 'tikus kecil' (Cina), dan 'ikan haring acar gulung' (Ceko)—tetapi itu adalah karakter 24pt yang sama.
Pilihan 72 DPI Mac
Apple memilih 72 DPI untuk Mac asli agar cocok persis dengan poin PostScript (1 piksel = 1 poin), membuat penerbitan desktop WYSIWYG menjadi mungkin untuk pertama kalinya pada tahun 1984. Ini merevolusi desain grafis.
Garis Waktu Evolusi Tipografi
1450
Gutenberg menemukan huruf lepas—kebutuhan pertama akan standar pengukuran huruf
1737
François-Ambroise Didot menciptakan sistem poin Didot (0,376mm)
1886
American Type Founders menstandarisasi sistem pika (1 pt = 1/72,27 inci)
1978
Donald Knuth menciptakan sistem poin TeX untuk penyusunan huruf akademis
1984
Adobe PostScript mendefinisikan 1 pt = tepat 1/72 inci—penyatuan global
1985
Apple LaserWriter membawa PostScript ke penerbitan desktop
1991
Format font TrueType menstandarisasi tipografi digital
1996
CSS memperkenalkan tipografi web dengan pengukuran berbasis piksel
2007
iPhone memperkenalkan layar retina @2x—desain yang tidak bergantung pada kepadatan
2008
Android diluncurkan dengan dp (piksel yang tidak bergantung pada kepadatan)
2010
Font web (WOFF) memungkinkan tipografi kustom secara online
2014
Spesifikasi font variabel—satu file, gaya tak terbatas
Tipografi Digital: Layar, DPI, dan Perbedaan Platform
Tipografi digital memperkenalkan pengukuran yang bergantung pada perangkat di mana nilai numerik yang sama menghasilkan ukuran fisik yang berbeda berdasarkan kepadatan layar. Memahami konvensi platform sangat penting untuk desain yang konsisten.
Windows (Standar 96 DPI)
96 DPI (96 piksel per inci)
Microsoft menstandarisasi 96 DPI di Windows 95, menciptakan rasio 4:3 antara piksel dan poin. Ini tetap menjadi default untuk sebagian besar layar PC.
- 1 px pada 96 DPI = 0,75 pt (4 piksel = 3 poin)
- 16px = 12pt — konversi ukuran teks tubuh yang umum
- Sejarah: Dipilih sebagai 1,5× dari standar CGA 64 DPI asli
- Modern: Layar DPI tinggi menggunakan penskalaan 125%, 150%, 200% (120, 144, 192 DPI)
- Default web: CSS mengasumsikan 96 DPI untuk semua konversi px-ke-fisik
macOS (72 DPI Lawas, 220 PPI Retina)
72 DPI (lawas), 220 PPI (@2x Retina)
72 DPI asli Apple cocok dengan poin PostScript 1:1. Layar Retina modern menggunakan penskalaan @2x/@3x untuk rendering yang tajam.
- Lawas: 1 px pada 72 DPI = tepat 1 pt (korespondensi sempurna)
- Retina @2x: 2 piksel fisik per poin, 220 PPI efektif
- Retina @3x: 3 piksel fisik per poin, 330 PPI (iPhone)
- Keuntungan: Ukuran poin cocok di seluruh layar dan pratinjau cetak
- Kenyataan: Retina fisik adalah 220 PPI tetapi diskalakan agar tampak sebagai 110 PPI (2×)
Android (Garis Dasar 160 DPI)
160 DPI (piksel yang tidak bergantung pada kepadatan)
Sistem dp (piksel yang tidak bergantung pada kepadatan) Android menormalkan ke garis dasar 160 DPI, dengan kelompok kepadatan untuk layar yang berbeda.
- 1 dp pada 160 DPI = 0,45 pt (160 piksel/inci ÷ 72 poin/inci)
- Kelompok kepadatan: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
- Rumus: piksel fisik = dp × (DPI layar / 160)
- 16sp (piksel yang tidak bergantung pada skala) = ukuran teks minimum yang direkomendasikan
- Keuntungan: Nilai dp yang sama tampak identik secara fisik di semua perangkat Android
iOS (72 DPI @1x, 144+ DPI @2x/@3x)
72 DPI (@1x), 144 DPI (@2x), 216 DPI (@3x)
iOS menggunakan poin sebagai unit logis yang identik dengan poin PostScript, dengan jumlah piksel fisik tergantung pada generasi layar (non-retina @1x, retina @2x, super-retina @3x).
- 1 poin iOS pada @1x = 1,0 pt PostScript (garis dasar 72 DPI, sama dengan PostScript)
- Retina @2x: 2 piksel fisik per poin iOS (144 DPI)
- Super Retina @3x: 3 piksel fisik per poin iOS (216 DPI)
- Semua desain iOS menggunakan poin; sistem menangani kepadatan piksel secara otomatis
- 17pt = ukuran teks tubuh minimum yang direkomendasikan (aksesibilitas)
DPI vs. PPI: Memahami Kepadatan Layar dan Cetak
DPI (Titik per Inci)
Resolusi printer — berapa banyak titik tinta yang muat dalam satu inci
DPI mengukur resolusi output printer. DPI yang lebih tinggi menghasilkan teks dan gambar yang lebih halus dengan menempatkan lebih banyak titik tinta per inci.
- 300 DPI: Standar untuk pencetakan profesional (majalah, buku)
- 600 DPI: Pencetakan laser berkualitas tinggi (dokumen bisnis)
- 1200-2400 DPI: Pencetakan foto profesional dan reproduksi seni rupa
- 72 DPI: Hanya untuk pratinjau layar — tidak dapat diterima untuk dicetak (terlihat bergerigi)
- 150 DPI: Pencetakan draf atau poster format besar (dilihat dari kejauhan)
PPI (Piksel per Inci)
Resolusi layar — berapa banyak piksel yang muat dalam satu inci layar
PPI mengukur kepadatan layar. PPI yang lebih tinggi menciptakan teks layar yang lebih tajam dengan mengemas lebih banyak piksel ke dalam ruang fisik yang sama.
- 72 PPI: Layar Mac asli (1 piksel = 1 poin)
- 96 PPI: Layar Windows standar (1,33 piksel per poin)
- 110-120 PPI: Monitor laptop/desktop murah
- 220 PPI: MacBook Retina, iPad Pro (kepadatan piksel 2×)
- 326-458 PPI: iPhone Retina/Super Retina (kepadatan piksel 3×)
- 400-600 PPI: Ponsel Android kelas atas (Samsung, Google Pixel)
DPI dan PPI sering digunakan secara bergantian tetapi mengukur hal yang berbeda. DPI untuk printer (titik tinta), PPI untuk layar (piksel yang memancarkan cahaya). Saat mendesain, selalu tentukan: 'Layar pada 96 PPI' atau 'Cetak pada 300 DPI' — jangan pernah hanya 'DPI' saja, karena ambigu.
Aplikasi Praktis: Memilih Unit yang Tepat
Desain Cetak
Cetak menggunakan unit absolut (poin, pika) karena ukuran output fisik harus tepat dan tidak bergantung pada perangkat.
- Teks tubuh: 10-12pt untuk buku, 9-11pt untuk majalah
- Judul: 18-72pt tergantung pada hierarki dan format
- Leading (spasi baris): 120% dari ukuran font (teks 12pt = leading 14,4pt)
- Ukur dimensi absolut dalam pika: 'Lebar kolom: 25 pika'
- Selalu desain pada 300 DPI untuk pencetakan profesional
- Jangan pernah menggunakan piksel untuk mencetak — konversikan ke poin/pika/inci
Desain Web
Tipografi web menggunakan piksel dan unit relatif karena layar bervariasi dalam ukuran dan kepadatan.
- Teks tubuh: 16px default (standar browser) = 12pt pada 96 DPI
- Jangan pernah menggunakan poin absolut di CSS — browser menampilkannya secara tidak terduga
- Desain responsif: Gunakan rem (relatif terhadap font root) untuk skalabilitas
- Teks minimum: 14px untuk tubuh, 12px untuk keterangan (aksesibilitas)
- Tinggi baris: 1,5 (tanpa unit) untuk keterbacaan teks tubuh
- Media query: Desain untuk 320px (seluler) hingga 1920px+ (desktop)
Aplikasi Seluler
Platform seluler menggunakan unit yang tidak bergantung pada kepadatan (dp/pt) untuk memastikan ukuran fisik yang konsisten di berbagai kepadatan layar.
- iOS: Desain dalam poin (pt), sistem akan menskalakan ke @2x/@3x secara otomatis
- Android: Gunakan dp (piksel yang tidak bergantung pada kepadatan) untuk tata letak, sp untuk teks
- Target sentuh minimum: 44pt (iOS) atau 48dp (Android) untuk aksesibilitas
- Teks tubuh: minimum 16sp (Android) atau 17pt (iOS)
- Jangan pernah menggunakan piksel fisik — selalu gunakan unit logis (dp/pt)
- Uji pada berbagai kepadatan: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi
Akademis & Ilmiah
Penerbitan akademis menggunakan poin TeX untuk presisi matematis dan kompatibilitas dengan literatur yang sudah ada.
- LaTeX menggunakan poin TeX (72,27 per inci) untuk kompatibilitas warisan
- Jurnal standar: font Computer Modern 10pt
- Format dua kolom: kolom 3,33 inci (240pt) dengan selokan 0,25 inci (18pt)
- Persamaan: Ukuran poin yang presisi sangat penting untuk notasi matematika
- Konversikan dengan hati-hati: 1 poin TeX = 0,9963 poin PostScript
- Output PDF: TeX secara otomatis menangani konversi sistem poin
Konversi dan Perhitungan Umum
Referensi cepat untuk konversi tipografi sehari-hari:
Konversi Penting
| Dari | Ke | Rumus | Contoh |
|---|---|---|---|
| Poin | Inci | pt ÷ 72 | 72pt = 1 inci |
| Poin | Milimeter | pt × 0,3528 | 12pt = 4,23mm |
| Poin | Pika | pt ÷ 12 | 72pt = 6 pika |
| Piksel (96 DPI) | Poin | px × 0,75 | 16px = 12pt |
| Piksel (72 DPI) | Poin | px × 1 | 12px = 12pt |
| Pika | Inci | pc ÷ 6 | 6pc = 1 inci |
| Inci | Poin | in × 72 | 2in = 144pt |
| Android dp | Poin | dp × 0,45 | 32dp = 14,4pt |
Referensi Lengkap Konversi Unit
Semua unit tipografi dengan faktor konversi yang presisi. Unit dasar: Poin PostScript (pt)
Unit Absolut (Fisik)
Base Unit: Poin PostScript (pt)
| Unit | To Points | To Inches | Example |
|---|---|---|---|
| Poin (pt) | × 1 | ÷ 72 | 72 pt = 1 inci |
| Pika (pc) | × 12 | ÷ 6 | 6 pc = 1 inci = 72 pt |
| Inci (in) | × 72 | × 1 | 1 in = 72 pt = 6 pc |
| Milimeter (mm) | × 2,8346 | ÷ 25,4 | 25,4 mm = 1 in = 72 pt |
| Sentimeter (cm) | × 28,346 | ÷ 2,54 | 2,54 cm = 1 in |
| Poin Didot | × 1,07 | ÷ 67,6 | 67,6 Didot = 1 in |
| Cicero | × 12,84 | ÷ 5,6 | 1 cicero = 12 Didot |
| Poin TeX | × 0,9963 | ÷ 72,27 | 72,27 TeX pt = 1 in |
Unit Layar/Digital (Tergantung DPI)
Konversi ini bergantung pada DPI layar (titik per inci). Asumsi default: 96 DPI (Windows), 72 DPI (Mac lawas)
| Unit | To Points | Formula | Example |
|---|---|---|---|
| Piksel @ 96 DPI | × 0,75 | pt = px × 72/96 | 16 px = 12 pt |
| Piksel @ 72 DPI | × 1 | pt = px × 72/72 | 12 px = 12 pt |
| Piksel @ 300 DPI | × 0,24 | pt = px × 72/300 | 300 px = 72 pt = 1 in |
Unit Platform Seluler
Unit logis khusus platform yang diskalakan dengan kepadatan perangkat
| Unit | To Points | Formula | Example | |
|---|---|---|---|---|
| Android dp | × 0,45 | pt ≈ dp × 72/160 | 32 dp ≈ 14,4 pt | |
| iOS pt (@1x) | × 1,0 | Poin PostScript = poin iOS (identik) | 17 iOS pt = 17 PostScript pt | |
| iOS pt (@2x Retina) | 2 piksel fisik per poin iOS | 2× piksel | 1 poin iOS = 2 piksel layar | |
| iOS pt (@3x) | 3 piksel fisik per poin iOS | 3× piksel | 1 poin iOS = 3 piksel layar |
Unit Lawas & Khusus
| 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 |
| Poin Besar PostScript | × 1,00375 | Tepat 1/72 inci | 72 bp = 1,0027 in |
Perhitungan Penting
| Calculation | Formula | Example |
|---|---|---|
| Konversi DPI ke Poin | pt = (px × 72) / DPI | 16px @ 96 DPI = (16×72)/96 = 12 pt |
| Ukuran fisik dari poin | inci = pt / 72 | 144 pt = 144/72 = 2 inci |
| Leading (spasi baris) | leading = ukuran font × 1,2 hingga 1,45 | font 12pt → leading 14,4-17,4pt |
| Resolusi cetak | piksel yang dibutuhkan = (inci × DPI) untuk lebar & tinggi | 8×10 in @ 300 DPI = 2400×3000 px |
Praktik Terbaik untuk Tipografi
Desain Cetak
- Selalu bekerja dalam poin atau pika — jangan pernah dalam piksel untuk mencetak
- Siapkan dokumen pada ukuran sebenarnya (300 DPI) dari awal
- Gunakan 10-12pt untuk teks tubuh; apa pun yang lebih kecil mengurangi keterbacaan
- Leading harus 120-145% dari ukuran font untuk membaca dengan nyaman
- Margin: Minimum 0,5 inci (36pt) untuk penjilidan dan penanganan
- Lakukan cetak percobaan pada ukuran sebenarnya sebelum mengirim ke percetakan komersial
Pengembangan Web
- Gunakan rem untuk ukuran font — memungkinkan pengguna untuk memperbesar tanpa merusak tata letak
- Atur font root ke 16px (default browser) — jangan pernah lebih kecil
- Gunakan nilai tinggi baris tanpa unit (1,5) daripada tinggi tetap
- Jangan pernah menggunakan ukuran poin absolut di CSS — rendering tidak dapat diprediksi
- Uji pada perangkat yang sebenarnya, bukan hanya mengubah ukuran browser — DPI penting
- Ukuran font minimum: 14px tubuh, 12px keterangan, 44px target sentuh
Aplikasi Seluler
- iOS: Desain @1x, ekspor aset @2x dan @3x secara otomatis
- Android: Desain dalam dp, uji pada mdpi/hdpi/xhdpi/xxhdpi
- Teks minimum: 17pt (iOS) atau 16sp (Android) untuk aksesibilitas
- Target sentuh: minimum 44pt (iOS) atau 48dp (Android)
- Uji pada perangkat fisik — simulator tidak menunjukkan kepadatan yang sebenarnya
- Gunakan font sistem jika memungkinkan — mereka dioptimalkan untuk platform
Aksesibilitas
- Teks tubuh minimum: 16px (web), 17pt (iOS), 16sp (Android)
- Kontras tinggi: 4.5:1 untuk teks tubuh, 3:1 untuk teks besar (18pt+)
- Dukung penskalaan pengguna: gunakan unit relatif, bukan ukuran tetap
- Panjang baris: 45-75 karakter per baris untuk keterbacaan optimal
- Tinggi baris: minimum 1,5× ukuran font untuk aksesibilitas disleksia
- Uji dengan pembaca layar dan perbesaran 200%
Pertanyaan yang Sering Diajukan
Mengapa teks saya terlihat berbeda ukurannya di Photoshop vs Word?
Photoshop mengasumsikan 72 PPI untuk tampilan layar, sedangkan Word menggunakan 96 DPI (Windows) untuk tata letak. Font 12pt di Photoshop tampak 33% lebih besar di layar daripada di Word, meskipun keduanya dicetak dengan ukuran yang identik. Atur Photoshop ke 300 PPI untuk pekerjaan cetak untuk melihat ukuran yang akurat.
Haruskah saya mendesain dalam poin atau piksel untuk web?
Selalu dalam piksel (atau unit relatif seperti rem/em) untuk web. Poin adalah unit fisik absolut yang ditampilkan secara tidak konsisten di berbagai browser dan perangkat. 12pt mungkin menjadi 16px di satu perangkat dan 20px di perangkat lain. Gunakan px/rem untuk tipografi web yang dapat diprediksi.
Apa perbedaan antara pt, px, dan dp?
pt = fisik absolut (1/72 inci), px = piksel layar (bervariasi dengan DPI), dp = tidak bergantung pada kepadatan Android (dinormalisasi ke 160 DPI). Gunakan pt untuk cetak, px untuk web, dp untuk Android, pt logis iOS untuk iOS. Setiap sistem dioptimalkan untuk platformnya.
Mengapa 12pt terlihat berbeda di aplikasi yang berbeda?
Aplikasi menafsirkan poin secara berbeda berdasarkan asumsi DPI mereka. Word menggunakan 96 DPI, Photoshop default ke 72 PPI, InDesign menggunakan resolusi perangkat yang sebenarnya. 12pt selalu 1/6 inci saat dicetak, tetapi tampak berbeda ukurannya di layar karena pengaturan DPI.
Bagaimana cara mengonversi poin TeX ke poin PostScript?
Kalikan poin TeX dengan 0,9963 untuk mendapatkan poin PostScript (1 poin TeX = 1/72,27 inci vs PostScript 1/72 inci). Perbedaannya sangat kecil—hanya 0,37%—tetapi penting untuk penerbitan akademis di mana spasi yang tepat sangat penting untuk notasi matematika.
Pada resolusi berapa saya harus mendesain?
Cetak: minimum 300 DPI, 600 DPI untuk kualitas tinggi. Web: Desain pada 96 DPI, sediakan aset @2x untuk retina. Seluler: Desain @1x dalam unit logis (pt/dp), ekspor @2x/@3x. Jangan pernah mendesain pada 72 DPI kecuali menargetkan layar Mac lawas.
Mengapa 16px adalah standar web?
Ukuran font default browser adalah 16px (setara dengan 12pt pada 96 DPI), dipilih untuk keterbacaan optimal pada jarak pandang tipikal (18-24 inci). Apa pun yang lebih kecil mengurangi keterbacaan, terutama untuk pengguna yang lebih tua. Selalu gunakan 16px sebagai dasar Anda untuk ukuran relatif.
Apakah saya perlu tahu tentang poin Didot?
Hanya jika bekerja dengan percetakan tradisional Eropa, penerbit Prancis, atau reproduksi historis. Poin Didot (0,376mm) 6,5% lebih besar dari poin PostScript. Desain digital modern secara universal menggunakan poin PostScript—Didot terutama relevan untuk tipografi klasik dan buku seni.
Direktori Alat Lengkap
Semua 71 alat yang tersedia di UNITS