היחידה המוחלטת של הטיפוגרפיה, מתוקננת כ-1/72 של אינץ'

נקודות מודדות את גודל הגופן, ריווח השורות (leading) וממדים טיפוגרפיים אחרים. גופן של 12pt פירושו שהמרחק מהיורד הנמוך ביותר לעולה הגבוה ביותר הוא 12 נקודות (1/6 אינץ' או 4.23 מ"מ). מערכת הנקודות מספקת מדידות שאינן תלויות במכשיר ומתורגמות באופן עקבי בין מדיומים שונים.

דוגמה: 12pt Times New Roman = 0.1667 אינץ' גובה = 4.23 מ"מ. טקסט גוף מקצועי משתמש בדרך כלל ב-10-12pt, כותרות ב-18-72pt.

היחידה הדיגיטלית המייצגת נקודה בודדת על מסך או בתמונה

פיקסלים הם יחידות תלויות מכשיר המשתנות בהתבסס על צפיפות המסך (DPI/PPI). אותו מספר פיקסלים נראה גדול יותר על צגים ברזולוציה נמוכה (72 PPI) וקטן יותר על צגי רטינה ברזולוציה גבוהה (220+ PPI). הבנת יחסי DPI/PPI חיונית לטיפוגרפיה עקבית בכל המכשירים.

דוגמה: 16px ב-96 DPI = 12pt. אותו 16px ב-300 DPI (דפוס) = 3.84pt. ציין תמיד את DPI היעד בעת המרת פיקסלים.

יחידה טיפוגרפית מסורתית השווה ל-12 נקודות או 1/6 אינץ'

פיקות מודדות את רוחב העמודות, השוליים וממדי פריסת העמוד בעיצוב דפוס מסורתי. תוכנות הוצאה לאור שולחניות כמו InDesign ו-QuarkXPress משתמשות בפיקות כיחידת ברירת המחדל למדידה. פיקה אחת שווה בדיוק ל-12 נקודות, מה שהופך את ההמרות לפשוטות.

דוגמה: עמודת עיתון סטנדרטית עשויה להיות ברוחב 15 פיקות (2.5 אינץ' או 180 נקודות). פריסות מגזינים משתמשות לעתים קרובות במדידות של 30-40 פיקות.

1450–1737

המצאת הדפוס הנע יצרה את הצורך במדידות מתוקננות, אך מערכות אזוריות נשארו לא תואמות במשך מאות שנים.

• 1450: מכבש הדפוס של גוטנברג יוצר צורך בגדלי גופנים מתוקננים
• שנות ה-1500: גדלי גופנים נקראים על שם מהדורות של התנ"ך (ציצרו, אוגוסטין וכו')
• שנות ה-1600: כל אזור באירופה מפתח מערכת נקודות משלו
• שנות ה-1690: הטיפוגרף הצרפתי פורנייה מציע מערכת של 12 חלוקות
• מערכות מוקדמות: לא עקביות במידה רבה, נבדלות ב-0.01-0.02 מ"מ בין אזורים

1737–1886

המדפיס הצרפתי פרנסואה-אמברואז דידו יצר את התקן האמיתי הראשון, שאומץ ברחבי אירופה היבשתית ועדיין נמצא בשימוש כיום בצרפת ובגרמניה.

• 1737: פורנייה מציע מערכת נקודות המבוססת על האינץ' המלכותי הצרפתי
• 1770: פרנסואה-אמברואז דידו משכלל את המערכת — 1 נקודת דידו = 0.376 מ"מ
• 1785: ציצרו (12 נקודות דידו) הופך למדידה הסטנדרטית
• שנות ה-1800: מערכת דידו שולטת בדפוס האירופי היבשתי
• מודרני: עדיין בשימוש בצרפת, גרמניה, בלגיה לדפוס מסורתי

1886–1984

מדפיסים אמריקאים ובריטים תיקננו את מערכת הפיקה, והגדירו נקודה אחת כ-0.013837 אינץ' (1/72.27 אינץ'), ושליטה בטיפוגרפיה בשפה האנגלית.

• 1886: American Type Founders מקימה את מערכת הפיקה: 1 pt = 0.013837"
• 1898: הבריטים מאמצים את התקן האמריקאי, ויוצרים אחדות אנגלו-אמריקאית
• שנות ה-1930-1970: מערכת הפיקה שולטת בכל הדפוס בשפה האנגלית
• הבדל: נקודה אנגלו-אמריקאית (0.351 מ"מ) לעומת דידו (0.376 מ"מ) — 7% גדולה יותר
• השפעה: נדרשו יציקות גופנים נפרדות לשווקי ארה"ב/בריטניה לעומת השווקים האירופיים

1984–הווה

תקן PostScript של Adobe איחד את הטיפוגרפיה העולמית על ידי הגדרת נקודה אחת כבדיוק 1/72 אינץ', ובכך שם קץ למאות שנים של חוסר תאימות ואפשר את הטיפוגרפיה הדיגיטלית.

• 1984: Adobe PostScript מגדירה 1 pt = בדיוק 1/72 אינץ' (0.3528 מ"מ)
• 1985: Apple LaserWriter הופך את PostScript לתקן להוצאה לאור שולחנית
• שנות ה-1990: נקודת PostScript הופכת לתקן העולמי, ומחליפה מערכות אזוריות
• שנות ה-2000: TrueType, OpenType מאמצות את מדידות PostScript
• מודרני: נקודת PostScript היא התקן האוניברסלי לכל העיצוב הדיגיטלי

נוסדה ב-1770 על ידי פרנסואה-אמברואז דידו

התקן האירופי היבשתי, שעדיין נמצא בשימוש בצרפת, גרמניה וחלקים ממזרח אירופה לדפוס מסורתי.

• 1 נקודת דידו = 0.376 מ"מ (לעומת PostScript 0.353 מ"מ) — 6.5% גדולה יותר
• 1 ציצרו = 12 נקודות דידו = 4.51 מ"מ (דומה לפיקה)
• מבוססת על האינץ' המלכותי הצרפתי (27.07 מ"מ), ומספקת פשטות דמוית-מטרית
• עדיין מועדפת בדפוס ספרי אמנות ודפוס קלאסי באירופה
• שימוש מודרני: Imprimerie nationale הצרפתית, טיפוגרפיה גרמנית מסוג Fraktur

נוצרה ב-1978 על ידי דונלד קנות' לסדר ממוחשב

התקן האקדמי לפרסום מתמטי ומדעי, מותאם להרכבה דיגיטלית מדויקת.

• 1 נקודת TeX = 1/72.27 אינץ' = 0.351 מ"מ (תואמת לנקודה האנגלו-אמריקאית הישנה)
• נבחרה כדי לשמר תאימות עם פרסומים אקדמיים קדם-דיגיטליים
• 1 פיקה של TeX = 12 נקודות TeX (מעט קטנה יותר מפיקה של PostScript)
• בשימוש על ידי LaTeX, מערכת הפרסום המדעית הדומיננטית
• חיונית ל: מאמרים אקדמיים, טקסטים מתמטיים, כתבי עת בפיזיקה

טיפוגרפיה של Microsoft Word ו-Windows

יחידת המדידה הפנימית למעבדי תמלילים, המספקת שליטה עדינה על פריסת מסמכים דיגיטליים.

• 1 twip = 1/20 נקודה = 1/1440 אינץ' = 0.0176 מ"מ
• שם: 'עשרים מנקודה' — מדידה מדויקת ביותר
• בשימוש פנימי על ידי: Microsoft Word, Excel, PowerPoint, Windows GDI
• מאפשרת גדלי נקודות חלקיים ללא מתמטיקה של נקודה צפה
• 20 twips = 1 נקודה, המאפשרת דיוק של 0.05pt לסדר מקצועי

תקן American Type Founders משנת 1886

התקן הקדם-דיגיטלי לדפוס בשפה האנגלית, שונה במקצת מ-PostScript.

• 1 נקודת מדפיס = 0.013837 אינץ' = 0.351 מ"מ
• שווה ל-1/72.27 אינץ' (לעומת PostScript 1/72) — 0.4% קטנה יותר
• פיקה = 0.166 אינץ' (לעומת PostScript 0.16667) — הבדל שכמעט ואינו מורגש
• שלטה בין השנים 1886-1984 לפני איחוד PostScript
• השפעה מורשתית: כמה בתי דפוס מסורתיים עדיין מתייחסים למערכת זו

המילה 'גופן' (font) מגיעה מהמילה הצרפתית 'fonte' שפירושה 'יצוק' או 'מומס'—בהתייחס למתכת המומסת שנשפכה לתבניות ליצירת חלקי אותיות מתכת בודדים בדפוס המסורתי.

PostScript בחרה ב-72 נקודות לאינץ' מכיוון ש-72 מתחלק ב-2, 3, 4, 6, 8, 9, 12, 18, 24 ו-36—מה שמקל על החישובים. זה גם התאים מאוד למערכת הפיקה המסורתית (72.27 נקודות/אינץ').

Bauer Bodoni עולה 89,900 דולר למשפחה השלמה—אחד הגופנים המסחריים היקרים ביותר שנמכרו אי פעם. עיצובו דרש שנים של עבודה כדי להפוך אותו לדיגיטלי מדוגמאות אותיות מתכת מקוריות משנות ה-20.

למרות שנאת המעצבים, Comic Sans מגביר את מהירות הקריאה לקוראים דיסלקטיים ב-10-15% בשל צורות אותיות לא סדירות המונעות בלבול בין תווים. זהו למעשה כלי נגישות רב ערך.

לסמל '@' יש שמות שונים בשפות שונות: 'חילזון' (איטלקית), 'זנב קוף' (הולנדית), 'עכבר קטן' (סינית) ו'דג מלוח מגולגל' (צ'כית)—אך זהו אותו תו של 24pt.

אפל בחרה ב-72 DPI למחשבי המק המקוריים כדי להתאים בדיוק לנקודות PostScript (1 פיקסל = 1 נקודה), מה שאפשר לראשונה הוצאה לאור שולחנית WYSIWYG ב-1984. זה חולל מהפכה בעיצוב גרפי.

גוטנברג ממציא את הדפוס הנע—הצורך הראשון בתקני מדידת גופנים

פרנסואה-אמברואז דידו יוצר את מערכת הנקודות של דידו (0.376 מ"מ)

American Type Founders מתקננת את מערכת הפיקה (1 pt = 1/72.27 אינץ')

דונלד קנות' יוצר את מערכת הנקודות TeX לסדר אקדמי

Adobe PostScript מגדירה 1 pt = בדיוק 1/72 אינץ'—איחוד עולמי

Apple LaserWriter מביא את PostScript להוצאה לאור שולחנית

פורמט הגופנים TrueType מתקנן את הטיפוגרפיה הדיגיטלית

CSS מציגה טיפוגרפיה באינטרנט עם מדידות מבוססות פיקסלים

אייפון מציג מסכי רטינה @2x—עיצוב בלתי תלוי בצפיפות

אנדרואיד מושקת עם dp (פיקסלים בלתי תלויים בצפיפות)

גופני אינטרנט (WOFF) מאפשרים טיפוגרפיה מותאמת אישית ברשת

מפרט גופנים משתנים—קובץ יחיד, סגנונות אינסופיים

96 DPI (96 פיקסלים לאינץ')

מיקרוסופט תיקננה את 96 DPI ב-Windows 95, ויצרה יחס של 4:3 בין פיקסלים לנקודות. זה נשאר ברירת המחדל עבור רוב צגי המחשב.

• 1 פיקסל ב-96 DPI = 0.75 נקודות (4 פיקסלים = 3 נקודות)
• 16 פיקסלים = 12 נקודות — המרת גודל טקסט גוף נפוצה
• היסטוריה: נבחר כ-1.5× מתקן CGA המקורי של 64 DPI
• מודרני: צגים בעלי DPI גבוה משתמשים בסקיילינג של 125%, 150%, 200% (120, 144, 192 DPI)
• ברירת מחדל באינטרנט: CSS מניח 96 DPI עבור כל ההמרות מפיקסל לפיזי

72 DPI (מורשת), 220 PPI (@2x רטינה)

ה-72 DPI המקורי של אפל תאם לנקודות PostScript ביחס 1:1. צגי רטינה מודרניים משתמשים בסקיילינג @2x/@3x להצגה חדה.

• מורשת: 1 פיקסל ב-72 DPI = 1 נקודה בדיוק (התאמה מושלמת)
• רטינה @2x: 2 פיקסלים פיזיים לנקודה, 220 PPI אפקטיבי
• רטינה @3x: 3 פיקסלים פיזיים לנקודה, 330 PPI (אייפון)
• יתרון: גדלי הנקודות תואמים בין המסך לתצוגה המקדימה להדפסה
• מציאות: רטינה פיזית היא 220 PPI אך מותאמת להיראות כמו 110 PPI (2×)

160 DPI (פיקסל בלתי תלוי בצפיפות)

מערכת ה-dp (פיקסלים בלתי תלויים בצפיפות) של אנדרואיד מנורמלת לקו בסיס של 160 DPI, עם קטגוריות צפיפות למסכים שונים.

• 1 dp ב-160 DPI = 0.45 נקודות (160 פיקסלים/אינץ' ÷ 72 נקודות/אינץ')
• קטגוריות צפיפות: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
• נוסחה: פיקסלים פיזיים = dp × (DPI של המסך / 160)
• 16sp (פיקסל בלתי תלוי בקנה מידה) = גודל טקסט מינימלי מומלץ
• יתרון: אותו ערך dp נראה זהה פיזית בכל מכשירי האנדרואיד

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

iOS משתמשת בנקודה כיחידה לוגית הזהה לנקודות PostScript, כאשר ספירת הפיקסלים הפיזיים תלויה בדור המסך (לא-רטינה @1x, רטינה @2x, סופר-רטינה @3x).

• 1 נקודת iOS ב-@1x = 1.0 נקודת PostScript (קו בסיס 72 DPI, זהה ל-PostScript)
• רטינה @2x: 2 פיקסלים פיזיים לנקודת iOS (144 DPI)
• סופר רטינה @3x: 3 פיקסלים פיזיים לנקודת iOS (216 DPI)
• כל העיצובים ב-iOS משתמשים בנקודות; המערכת מטפלת בצפיפות הפיקסלים באופן אוטומטי
• 17pt = גודל טקסט גוף מינימלי מומלץ (נגישות)

רזולוציית מדפסת — כמה נקודות דיו נכנסות לאינץ' אחד

DPI מודד את רזולוציית הפלט של המדפסת. DPI גבוה יותר מפיק טקסט ותמונות חלקים יותר על ידי הצבת יותר נקודות דיו לאינץ'.

• 300 DPI: תקן להדפסה מקצועית (מגזינים, ספרים)
• 600 DPI: הדפסת לייזר איכותית (מסמכים עסקיים)
• 1200-2400 DPI: הדפסת תמונות מקצועית ושכפול אמנות
• 72 DPI: לתצוגה מקדימה על המסך בלבד — בלתי קביל להדפסה (נראה משונן)
• 150 DPI: הדפסת טיוטה או פוסטרים בפורמט גדול (לצפייה מרחוק)

רזולוציית מסך — כמה פיקסלים נכנסים לאינץ' אחד של תצוגה

PPI מודד את צפיפות התצוגה. PPI גבוה יותר יוצר טקסט חד יותר על המסך על ידי דחיסת יותר פיקסלים לאותו שטח פיזי.

• 72 PPI: צגי מק מקוריים (1 פיקסל = 1 נקודה)
• 96 PPI: צגי חלונות סטנדרטיים (1.33 פיקסלים לנקודה)
• 110-120 PPI: מסכי מחשב נייד/שולחני תקציביים
• 220 PPI: MacBook Retina, iPad Pro (צפיפות פיקסלים של 2×)
• 326-458 PPI: iPhone Retina/Super Retina (צפיפות פיקסלים של 3×)
• 400-600 PPI: טלפונים אנדרואיד מתקדמים (סמסונג, גוגל פיקסל)

הדפוס משתמש ביחידות מוחלטות (נקודות, פיקות) מכיוון שגודל הפלט הפיזי חייב להיות מדויק ובלתי תלוי במכשיר.

• טקסט גוף: 10-12pt לספרים, 9-11pt למגזינים
• כותרות: 18-72pt בהתאם להיררכיה ולפורמט
• ריווח שורות (leading): 120% מגודל הגופן (טקסט של 12pt = ריווח של 14.4pt)
• מדוד ממדים מוחלטים בפיקות: 'רוחב עמודה: 25 פיקות'
• עצב תמיד ב-300 DPI להדפסה מקצועית
• לעולם אל תשתמש בפיקסלים להדפסה — המר אותם לנקודות/פיקות/אינצ'ים

הטיפוגרפיה באינטרנט משתמשת בפיקסלים וביחידות יחסיות מכיוון שמסכים משתנים בגודלם ובצפיפותם.

• טקסט גוף: 16px כברירת מחדל (תקן דפדפן) = 12pt ב-96 DPI
• לעולם אל תשתמש בנקודות מוחלטות ב-CSS — דפדפנים מציגים אותן באופן לא צפוי
• עיצוב רספונסיבי: השתמש ב-rem (יחסי לגופן השורש) למדרגיות
• טקסט מינימלי: 14px לגוף, 12px לכתוביות (נגישות)
• גובה שורה: 1.5 (ללא יחידה) לקריאות טקסט הגוף
• שאילתות מדיה: עצב עבור 320px (מובייל) עד 1920px+ (שולחן עבודה)

פלטפורמות מובייל משתמשות ביחידות בלתי תלויות בצפיפות (dp/pt) כדי להבטיח גודל פיזי עקבי על פני צפיפויות מסך שונות.

• iOS: עצב בנקודות (pt), המערכת מתאימה אוטומטית ל-@2x/@3x
• אנדרואיד: השתמש ב-dp (פיקסלים בלתי תלויים בצפיפות) לפריסות, ב-sp לטקסט
• יעד מגע מינימלי: 44pt (iOS) או 48dp (אנדרואיד) לנגישות
• טקסט גוף: 16sp (אנדרואיד) או 17pt (iOS) מינימום
• לעולם אל תשתמש בפיקסלים פיזיים — השתמש תמיד ביחידות לוגיות (dp/pt)
• בדוק על צפיפויות מרובות: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi

הפרסום האקדמי משתמש בנקודות TeX לדיוק מתמטי ולתאימות עם ספרות קיימת.

• LaTeX משתמשת בנקודות TeX (72.27 לאינץ') לתאימות לאחור
• כתב עת סטנדרטי: גופן Computer Modern בגודל 10pt
• פורמט של שתי עמודות: עמודות ברוחב 3.33 אינץ' (240pt) עם מרווח של 0.25 אינץ' (18pt)
• משוואות: גודל נקודה מדויק חיוני לסימון מתמטי
• המר בזהירות: 1 נקודת TeX = 0.9963 נקודות PostScript
• פלט PDF: TeX מטפל אוטומטית בהמרות מערכת הנקודות

• עבוד תמיד בנקודות או בפיקות — לעולם לא בפיקסלים להדפסה
• הגדר מסמכים בגודלם האמיתי (300 DPI) מההתחלה
• השתמש ב-10-12pt לטקסט גוף; כל דבר קטן יותר מפחית את הקריאות
• ריווח השורות צריך להיות 120-145% מגודל הגופן לקריאה נוחה
• שוליים: מינימום 0.5 אינץ' (36pt) לכריכה וטיפול
• הדפס הדפסת ניסיון בגודל מלא לפני שליחה לדפוס מסחרי

• השתמש ב-rem לגדלי גופנים — מאפשר למשתמש להגדיל מבלי לשבור את הפריסה
• הגדר את גופן השורש ל-16px (ברירת מחדל של הדפדפן) — לעולם לא קטן יותר
• השתמש בערכי גובה שורה ללא יחידה (1.5) במקום גבהים קבועים
• לעולם אל תשתמש בגדלי נקודות מוחלטים ב-CSS — רינדור לא צפוי
• בדוק על מכשירים אמיתיים, לא רק על ידי שינוי גודל הדפדפן — DPI חשוב
• גודל גופן מינימלי: 14px לגוף, 12px לכתוביות, 44px ליעדי מגע

• iOS: עצב ב-@1x, יצא נכסי @2x ו-@3x באופן אוטומטי
• אנדרואיד: עצב ב-dp, בדוק על mdpi/hdpi/xhdpi/xxhdpi
• טקסט מינימלי: 17pt (iOS) או 16sp (אנדרואיד) לנגישות
• יעדי מגע: 44pt (iOS) או 48dp (אנדרואיד) מינימום
• בדוק על מכשירים פיזיים — סימולטורים אינם מציגים את הצפיפות האמיתית
• השתמש בגופני מערכת כשאפשר — הם מותאמים לפלטפורמה

• טקסט גוף מינימלי: 16px (אינטרנט), 17pt (iOS), 16sp (אנדרואיד)
• ניגודיות גבוהה: 4.5:1 לטקסט גוף, 3:1 לטקסט גדול (18pt+)
• תמוך בסקיילינג של המשתמש: השתמש ביחידות יחסיות, לא בגדלים קבועים
• אורך שורה: 45-75 תווים לשורה לקריאות אופטימלית
• גובה שורה: מינימום 1.5× גודל הגופן לנגישות לדיסלקציה
• בדוק עם קוראי מסך וזום ב-200%

פוטושופ מניחה 72 PPI לתצוגת מסך, בעוד שוורד משתמשת ב-96 DPI (חלונות) לפריסה. גופן של 12pt בפוטושופ נראה גדול יותר ב-33% על המסך מאשר בוורד, למרות ששניהם מודפסים בגדלים זהים. הגדר את פוטושופ ל-300 PPI לעבודות דפוס כדי לראות גודל מדויק.

תמיד בפיקסלים (או ביחידות יחסיות כמו rem/em) לאינטרנט. נקודות הן יחידות פיזיות מוחלטות שמוצגות באופן לא עקבי בדפדפנים ומכשירים שונים. 12pt יכול להיות 16px במכשיר אחד ו-20px באחר. השתמש ב-px/rem לטיפוגרפיה צפויה באינטרנט.

pt = פיזי מוחלט (1/72 אינץ'), px = פיקסל מסך (משתנה עם DPI), dp = בלתי תלוי בצפיפות באנדרואיד (מנורמל ל-160 DPI). השתמש ב-pt להדפסה, ב-px לאינטרנט, ב-dp לאנדרואיד, וב-pt לוגי של iOS ל-iOS. כל מערכת מותאמת לפלטפורמה שלה.

אפליקציות מפרשות נקודות באופן שונה בהתבסס על הנחת ה-DPI שלהן. וורד משתמשת ב-96 DPI, ברירת המחדל של פוטושופ היא 72 PPI, InDesign משתמשת ברזולוציה האמיתית של המכשיר. 12pt הוא תמיד 1/6 אינץ' בעת הדפסה, אך נראה בגדלים שונים על המסך בגלל הגדרות ה-DPI.

הכפל את נקודות ה-TeX ב-0.9963 כדי לקבל נקודות PostScript (1 נקודת TeX = 1/72.27 אינץ' לעומת 1/72 אינץ' של PostScript). ההבדל זעיר—רק 0.37%—אך הוא חשוב לפרסום אקדמי שבו ריווח מדויק חיוני לסימון מתמטי.

דפוס: מינימום 300 DPI, 600 DPI לאיכות גבוהה. אינטרנט: עצב ב-96 DPI, ספק נכסי @2x לרטינה. מובייל: עצב ב-@1x ביחידות לוגיות (pt/dp), יצא @2x/@3x. לעולם אל תעצב ב-72 DPI אלא אם כן אתה מכוון למסכי מק ישנים.

גודל הגופן המוגדר כברירת מחדל בדפדפן הוא 16px (שווה ערך ל-12pt ב-96 DPI), שנבחר לקריאות אופטימלית במרחקי צפייה טיפוסיים (18-24 אינץ'). כל דבר קטן יותר מפחית את הקריאות, במיוחד למשתמשים מבוגרים. השתמש תמיד ב-16px כבסיס לגודל יחסי.

רק אם אתה עובד עם דפוס אירופי מסורתי, מוציאים לאור צרפתים או רפרודוקציות היסטוריות. נקודות דידו (0.376 מ"מ) גדולות ב-6.5% מנקודות PostScript. העיצוב הדיגיטלי המודרני משתמש באופן אוניברסלי בנקודות PostScript—דידו רלוונטי בעיקר לטיפוגרפיה קלאסית ולספרי אמנות.