หน่วยสัมบูรณ์ของวิชาการพิมพ์ ซึ่งกำหนดมาตรฐานเป็น 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: นักพิมพ์ดีดชาวฝรั่งเศส Fournier เสนอระบบ 12 ส่วน
• ระบบยุคแรก: ไม่สอดคล้องกันอย่างมาก แตกต่างกัน 0.01-0.02 มม. ระหว่างภูมิภาค

1737–1886

ช่างพิมพ์ชาวฝรั่งเศส François-Ambroise Didot ได้สร้างมาตรฐานที่แท้จริงขึ้นเป็นครั้งแรก ซึ่งได้รับการยอมรับทั่วทั้งทวีปยุโรปและยังคงใช้อยู่ในปัจจุบันในฝรั่งเศสและเยอรมนี

• 1737: Fournier เสนอระบบจุดโดยอิงจากนิ้วของราชวงศ์ฝรั่งเศส
• 1770: François-Ambroise Didot ปรับปรุงระบบ — 1 จุด Didot = 0.376 มม.
• 1785: Cicero (12 จุด Didot) กลายเป็นหน่วยวัดมาตรฐาน
• ทศวรรษ 1800: ระบบ Didot ครองการพิมพ์ในทวีปยุโรป
• สมัยใหม่: ยังคงใช้ในฝรั่งเศส เยอรมนี เบลเยียม สำหรับการพิมพ์แบบดั้งเดิม

1886–1984

ช่างพิมพ์ชาวอเมริกันและอังกฤษได้สร้างมาตรฐานระบบไพกา โดยกำหนดให้ 1 จุดเท่ากับ 0.013837 นิ้ว (1/72.27 นิ้ว) ซึ่งมีอิทธิพลต่อการพิมพ์ภาษาอังกฤษ

• 1886: American Type Founders ก่อตั้งระบบไพกา: 1 pt = 0.013837"
• 1898: ชาวอังกฤษนำมาตรฐานของอเมริกามาใช้ สร้างความเป็นเอกภาพของแองโกล-อเมริกัน
• ทศวรรษ 1930-1970: ระบบไพกาครองการพิมพ์ภาษาอังกฤษทั้งหมด
• ความแตกต่าง: จุดแองโกล-อเมริกัน (0.351 มม.) เทียบกับ Didot (0.376 มม.) — ใหญ่กว่า 7%
• ผลกระทบ: จำเป็นต้องมีการหล่อแบบแยกต่างหากสำหรับตลาดสหรัฐอเมริกา/สหราชอาณาจักรเทียบกับตลาดยุโรป

1984–ปัจจุบัน

มาตรฐาน PostScript ของ Adobe ได้รวมการพิมพ์ทั่วโลกเป็นหนึ่งเดียวโดยกำหนดให้ 1 จุดเท่ากับ 1/72 นิ้วพอดี ยุติความไม่เข้ากันที่ยาวนานหลายศตวรรษและเปิดใช้งานการพิมพ์ดิจิทัล

• 1984: Adobe PostScript กำหนด 1 pt = 1/72 นิ้วพอดี (0.3528 มม.)
• 1985: Apple LaserWriter ทำให้ PostScript เป็นมาตรฐานสำหรับการจัดพิมพ์บนเดสก์ท็อป
• ทศวรรษ 1990: จุด PostScript กลายเป็นมาตรฐานระดับโลก แทนที่ระบบระดับภูมิภาค
• ทศวรรษ 2000: TrueType, OpenType นำการวัดค่าของ PostScript มาใช้
• สมัยใหม่: จุด PostScript เป็นมาตรฐานสากลสำหรับการออกแบบดิจิทัลทั้งหมด

ก่อตั้งขึ้นในปี 1770 โดย François-Ambroise Didot

มาตรฐานของทวีปยุโรป ยังคงใช้ในฝรั่งเศส เยอรมนี และบางส่วนของยุโรปตะวันออกสำหรับการพิมพ์แบบดั้งเดิม

• 1 จุด Didot = 0.376 มม. (เทียบกับ PostScript 0.353 มม.) — ใหญ่กว่า 6.5%
• 1 Cicero = 12 จุด Didot = 4.51 มม. (เทียบเท่ากับไพกา)
• อิงตามนิ้วของราชวงศ์ฝรั่งเศส (27.07 มม.) ทำให้มีความเรียบง่ายคล้ายเมตริก
• ยังคงเป็นที่นิยมในการพิมพ์หนังสือศิลปะและหนังสือคลาสสิกของยุโรป
• การใช้งานสมัยใหม่: Imprimerie nationale ของฝรั่งเศส, การพิมพ์ Fraktur ของเยอรมัน

สร้างขึ้นในปี 1978 โดย Donald Knuth สำหรับการจัดพิมพ์ด้วยคอมพิวเตอร์

มาตรฐานทางวิชาการสำหรับการพิมพ์คณิตศาสตร์และวิทยาศาสตร์ ซึ่งปรับให้เหมาะสมสำหรับการจัดองค์ประกอบดิจิทัลที่แม่นยำ

• 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 twip = 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
• ผลกระทบที่ตกทอดมา: ร้านพิมพ์แบบดั้งเดิมบางแห่งยังคงอ้างอิงระบบนี้

คำว่า 'ฟอนต์' มาจากภาษาฝรั่งเศส 'fonte' ซึ่งแปลว่า 'หล่อ' หรือ 'หลอม'—หมายถึงโลหะที่หลอมละลายแล้วเทลงในแม่พิมพ์เพื่อสร้างชิ้นส่วนตัวพิมพ์โลหะแต่ละชิ้นในการพิมพ์แบบดั้งเดิม

PostScript เลือก 72 จุดต่อนิ้วเพราะ 72 หารด้วย 2, 3, 4, 6, 8, 9, 12, 18, 24 และ 36 ลงตัว—ทำให้การคำนวณง่ายขึ้น นอกจากนี้ยังใกล้เคียงกับระบบไพกาแบบดั้งเดิม (72.27 จุด/นิ้ว) อีกด้วย

Bauer Bodoni มีค่าใช้จ่าย 89,900 ดอลลาร์สำหรับทั้งตระกูล—ซึ่งเป็นหนึ่งในฟอนต์เชิงพาณิชย์ที่แพงที่สุดที่เคยขายมา การออกแบบต้องใช้เวลาหลายปีในการแปลงเป็นดิจิทัลจากตัวอย่างตัวพิมพ์โลหะดั้งเดิมในทศวรรษที่ 1920

แม้ว่านักออกแบบจะเกลียดชัง แต่ Comic Sans ก็เพิ่มความเร็วในการอ่านสำหรับผู้อ่านที่มีภาวะอ่านลำบากได้ 10-15% เนื่องจากรูปทรงตัวอักษรที่ไม่สม่ำเสมอซึ่งช่วยป้องกันความสับสนของตัวอักษร จริงๆ แล้วมันเป็นเครื่องมือการเข้าถึงที่มีค่า

สัญลักษณ์ '@' มีชื่อเรียกต่างกันในภาษาต่างๆ: 'หอยทาก' (อิตาลี), 'หางลิง' (ดัตช์), 'หนูตัวเล็ก' (จีน), และ 'ปลาเฮอร์ริ่งดองม้วน' (เช็ก)—แต่มันคือตัวอักษรขนาด 24pt เดียวกัน

Apple เลือก 72 DPI สำหรับ Mac รุ่นดั้งเดิมเพื่อให้ตรงกับจุด PostScript พอดี (1 พิกเซล = 1 จุด) ทำให้การจัดพิมพ์บนเดสก์ท็อปแบบ WYSIWYG เป็นไปได้เป็นครั้งแรกในปี 1984 สิ่งนี้ได้ปฏิวัติการออกแบบกราฟิก

กูเทนเบิร์กประดิษฐ์ตัวพิมพ์ที่เคลื่อนย้ายได้—ความต้องการมาตรฐานการวัดตัวพิมพ์ครั้งแรก

François-Ambroise Didot สร้างระบบจุด Didot (0.376 มม.)

American Type Founders สร้างมาตรฐานระบบไพกา (1 pt = 1/72.27 นิ้ว)

Donald Knuth สร้างระบบจุด TeX สำหรับการจัดพิมพ์เชิงวิชาการ

Adobe PostScript กำหนด 1 pt = 1/72 นิ้วพอดี—การรวมเป็นหนึ่งเดียวทั่วโลก

Apple LaserWriter นำ PostScript มาสู่การจัดพิมพ์บนเดสก์ท็อป

รูปแบบฟอนต์ TrueType สร้างมาตรฐานการพิมพ์ดิจิทัล

CSS แนะนำการพิมพ์เว็บด้วยการวัดตามพิกเซล

iPhone แนะนำจอแสดงผลเรตินา @2x—การออกแบบที่ไม่ขึ้นอยู่กับความหนาแน่น

Android เปิดตัวพร้อมกับ dp (พิกเซลที่ไม่ขึ้นอยู่กับความหนาแน่น)

ฟอนต์เว็บ (WOFF) ช่วยให้สามารถใช้การพิมพ์ที่กำหนดเองทางออนไลน์ได้

ข้อกำหนดฟอนต์ที่เปลี่ยนแปลงได้—ไฟล์เดียว สไตล์ไม่จำกัด

96 DPI (96 พิกเซลต่อนิ้ว)

Microsoft ได้สร้างมาตรฐาน 96 DPI ใน Windows 95 โดยสร้างอัตราส่วน 4:3 ระหว่างพิกเซลและจุด นี่เป็นค่าเริ่มต้นสำหรับจอแสดงผลของคอมพิวเตอร์ส่วนใหญ่

• 1 px ที่ 96 DPI = 0.75 pt (4 พิกเซล = 3 จุด)
• 16px = 12pt — การแปลงขนาดข้อความเนื้อหาทั่วไป
• ประวัติ: เลือกเป็น 1.5 เท่าของมาตรฐาน CGA 64 DPI ดั้งเดิม
• สมัยใหม่: จอแสดงผล DPI สูงใช้การปรับขนาด 125%, 150%, 200% (120, 144, 192 DPI)
• ค่าเริ่มต้นของเว็บ: CSS สมมติว่า 96 DPI สำหรับการแปลง px เป็นหน่วยทางกายภาพทั้งหมด

72 DPI (แบบเก่า), 220 PPI (@2x Retina)

DPI 72 ดั้งเดิมของ Apple ตรงกับจุด PostScript 1:1 จอแสดงผล Retina สมัยใหม่ใช้การปรับขนาด @2x/@3x เพื่อการแสดงผลที่คมชัด

• แบบเก่า: 1 px ที่ 72 DPI = 1 pt พอดี (ตรงกันทุกประการ)
• Retina @2x: 2 พิกเซลจริงต่อจุด, 220 PPI ที่มีประสิทธิภาพ
• Retina @3x: 3 พิกเซลจริงต่อจุด, 330 PPI (iPhone)
• ข้อดี: ขนาดจุดตรงกันทั้งบนหน้าจอและในตัวอย่างก่อนพิมพ์
• ความเป็นจริง: Retina จริงคือ 220 PPI แต่ถูกปรับขนาดให้ดูเหมือน 110 PPI (2×)

160 DPI (พิกเซลที่ไม่ขึ้นอยู่กับความหนาแน่น)

ระบบ dp (พิกเซลที่ไม่ขึ้นอยู่กับความหนาแน่น) ของ Android จะปรับให้เป็นปกติที่พื้นฐาน 160 DPI พร้อมด้วยกลุ่มความหนาแน่นสำหรับหน้าจอต่างๆ

• 1 dp ที่ 160 DPI = 0.45 pt (160 พิกเซล/นิ้ว ÷ 72 จุด/นิ้ว)
• กลุ่มความหนาแน่น: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
• สูตร: พิกเซลจริง = dp × (DPI ของหน้าจอ / 160)
• 16sp (พิกเซลที่ไม่ขึ้นอยู่กับมาตราส่วน) = ขนาดข้อความขั้นต่ำที่แนะนำ
• ข้อดี: ค่า dp เดียวกันจะดูเหมือนกันทางกายภาพในอุปกรณ์ Android ทั้งหมด

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

iOS ใช้จุดเป็นหน่วยตรรกะที่เหมือนกับจุด PostScript โดยจำนวนพิกเซลจริงจะขึ้นอยู่กับรุ่นของหน้าจอ (ไม่ใช่เรตินา @1x, เรตินา @2x, ซูเปอร์เรตินา @3x)

• 1 จุด iOS ที่ @1x = 1.0 pt PostScript (พื้นฐาน 72 DPI เหมือนกับ PostScript)
• Retina @2x: 2 พิกเซลจริงต่อจุด iOS (144 DPI)
• Super Retina @3x: 3 พิกเซลจริงต่อจุด iOS (216 DPI)
• การออกแบบ iOS ทั้งหมดใช้จุด; ระบบจะจัดการความหนาแน่นของพิกเซลโดยอัตโนมัติ
• 17pt = ขนาดข้อความเนื้อหาขั้นต่ำที่แนะนำ (การเข้าถึง)

ความละเอียดของเครื่องพิมพ์ — จำนวนจุดหมึกที่พอดีในหนึ่งนิ้ว

DPI วัดความละเอียดของเอาต์พุตของเครื่องพิมพ์ DPI ที่สูงขึ้นจะสร้างข้อความและภาพที่เรียบเนียนขึ้นโดยการวางจุดหมึกมากขึ้นต่อนิ้ว

• 300 DPI: มาตรฐานสำหรับการพิมพ์ระดับมืออาชีพ (นิตยสาร, หนังสือ)
• 600 DPI: การพิมพ์เลเซอร์คุณภาพสูง (เอกสารทางธุรกิจ)
• 1200-2400 DPI: การพิมพ์ภาพถ่ายระดับมืออาชีพและการทำสำเนาศิลปะ
• 72 DPI: สำหรับการแสดงตัวอย่างบนหน้าจอเท่านั้น — ไม่สามารถยอมรับได้สำหรับการพิมพ์ (ดูเป็นหยัก)
• 150 DPI: การพิมพ์ฉบับร่างหรือโปสเตอร์ขนาดใหญ่ (มองจากระยะไกล)

ความละเอียดของหน้าจอ — จำนวนพิกเซลที่พอดีในหนึ่งนิ้วของจอแสดงผล

PPI วัดความหนาแน่นของจอแสดงผล PPI ที่สูงขึ้นจะสร้างข้อความบนหน้าจอที่คมชัดขึ้นโดยการบรรจุพิกเซลมากขึ้นในพื้นที่ทางกายภาพเดียวกัน

• 72 PPI: จอแสดงผล Mac ดั้งเดิม (1 พิกเซล = 1 จุด)
• 96 PPI: จอแสดงผล Windows มาตรฐาน (1.33 พิกเซลต่อจุด)
• 110-120 PPI: จอภาพแล็ปท็อป/เดสก์ท็อปราคาประหยัด
• 220 PPI: MacBook Retina, iPad Pro (ความหนาแน่นของพิกเซล 2 เท่า)
• 326-458 PPI: iPhone Retina/Super Retina (ความหนาแน่นของพิกเซล 3 เท่า)
• 400-600 PPI: โทรศัพท์ Android ระดับไฮเอนด์ (Samsung, Google Pixel)

การพิมพ์ใช้หน่วยสัมบูรณ์ (จุด, ไพกา) เนื่องจากขนาดเอาต์พุตทางกายภาพต้องแม่นยำและไม่ขึ้นอยู่กับอุปกรณ์

• ข้อความเนื้อหา: 10-12pt สำหรับหนังสือ, 9-11pt สำหรับนิตยสาร
• หัวข้อ: 18-72pt ขึ้นอยู่กับลำดับชั้นและรูปแบบ
• ระยะห่างบรรทัด: 120% ของขนาดตัวอักษร (ข้อความ 12pt = ระยะห่างบรรทัด 14.4pt)
• วัดขนาดสัมบูรณ์เป็นไพกา: 'ความกว้างของคอลัมน์: 25 ไพกา'
• ออกแบบที่ 300 DPI เสมอสำหรับการพิมพ์ระดับมืออาชีพ
• อย่าใช้พิกเซลในการพิมพ์ — แปลงเป็นจุด/ไพกา/นิ้ว

การพิมพ์เว็บใช้พิกเซลและหน่วยสัมพัทธ์เนื่องจากหน้าจอมีขนาดและความหนาแน่นแตกต่างกัน

• ข้อความเนื้อหา: 16px เริ่มต้น (มาตรฐานเบราว์เซอร์) = 12pt ที่ 96 DPI
• อย่าใช้ขนาดจุดสัมบูรณ์ใน CSS — เบราว์เซอร์แสดงผลอย่างไม่คาดคิด
• การออกแบบที่ตอบสนอง: ใช้ rem (สัมพันธ์กับฟอนต์หลัก) เพื่อความสามารถในการปรับขนาด
• ข้อความขั้นต่ำ: 14px สำหรับเนื้อหา, 12px สำหรับคำบรรยาย (การเข้าถึง)
• ความสูงของบรรทัด: 1.5 (ไม่มีหน่วย) เพื่อความสามารถในการอ่านข้อความเนื้อหา
• Media query: ออกแบบสำหรับ 320px (มือถือ) ถึง 1920px+ (เดสก์ท็อป)

แพลตฟอร์มมือถือใช้หน่วยที่ไม่ขึ้นอยู่กับความหนาแน่น (dp/pt) เพื่อให้แน่ใจว่าขนาดทางกายภาพมีความสอดคล้องกันในความหนาแน่นของหน้าจอที่แตกต่างกัน

• iOS: ออกแบบเป็นจุด (pt), ระบบจะปรับขนาดเป็น @2x/@3x โดยอัตโนมัติ
• Android: ใช้ dp (พิกเซลที่ไม่ขึ้นอยู่กับความหนาแน่น) สำหรับเลย์เอาต์, sp สำหรับข้อความ
• เป้าหมายการสัมผัสขั้นต่ำ: 44pt (iOS) หรือ 48dp (Android) เพื่อการเข้าถึง
• ข้อความเนื้อหา: ขั้นต่ำ 16sp (Android) หรือ 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 pt = 0.9963 PostScript pt
• เอาต์พุต PDF: TeX จัดการการแปลงระบบจุดโดยอัตโนมัติ

• ทำงานเป็นจุดหรือไพกาเสมอ — อย่าใช้พิกเซลในการพิมพ์
• ตั้งค่าเอกสารตามขนาดจริง (300 DPI) ตั้งแต่เริ่มต้น
• ใช้ 10-12pt สำหรับข้อความเนื้อหา; ขนาดที่เล็กกว่านี้จะลดความสามารถในการอ่าน
• ระยะห่างบรรทัดควรเป็น 120-145% ของขนาดตัวอักษรเพื่อการอ่านที่สะดวกสบาย
• ระยะขอบ: อย่างน้อย 0.5 นิ้ว (36pt) สำหรับการเข้าเล่มและการจัดการ
• ทำการทดลองพิมพ์ตามขนาดจริงก่อนส่งไปยังโรงพิมพ์เชิงพาณิชย์

• ใช้ rem สำหรับขนาดตัวอักษร — ช่วยให้ผู้ใช้สามารถซูมได้โดยไม่ทำให้เลย์เอาต์เสียหาย
• ตั้งค่าฟอนต์หลักเป็น 16px (มาตรฐานเบราว์เซอร์) — อย่าให้เล็กกว่านี้
• ใช้ค่าความสูงของบรรทัดที่ไม่มีหน่วย (1.5) แทนความสูงคงที่
• อย่าใช้ขนาดจุดสัมบูรณ์ใน CSS — การแสดงผลที่คาดเดาไม่ได้
• ทดสอบบนอุปกรณ์จริง ไม่ใช่แค่ปรับขนาดเบราว์เซอร์ — DPI มีความสำคัญ
• ขนาดตัวอักษรขั้นต่ำ: เนื้อหา 14px, คำบรรยาย 12px, เป้าหมายการสัมผัส 44px

• iOS: ออกแบบที่ @1x, ส่งออกทรัพยากร @2x และ @3x โดยอัตโนมัติ
• Android: ออกแบบเป็น dp, ทดสอบบน mdpi/hdpi/xhdpi/xxhdpi
• ข้อความขั้นต่ำ: 17pt (iOS) หรือ 16sp (Android) เพื่อการเข้าถึง
• เป้าหมายการสัมผัส: อย่างน้อย 44pt (iOS) หรือ 48dp (Android)
• ทดสอบบนอุปกรณ์จริง — โปรแกรมจำลองไม่แสดงความหนาแน่นที่แท้จริง
• ใช้ฟอนต์ของระบบเมื่อเป็นไปได้ — ได้รับการปรับให้เหมาะสมสำหรับแพลตฟอร์ม

• ข้อความเนื้อหาขั้นต่ำ: 16px (เว็บ), 17pt (iOS), 16sp (Android)
• ความคมชัดสูง: 4.5:1 สำหรับข้อความเนื้อหา, 3:1 สำหรับข้อความขนาดใหญ่ (18pt+)
• รองรับการปรับขนาดโดยผู้ใช้: ใช้หน่วยสัมพัทธ์ ไม่ใช่ขนาดคงที่
• ความยาวบรรทัด: 45-75 ตัวอักษรต่อบรรทัดเพื่อความสามารถในการอ่านที่ดีที่สุด
• ความสูงของบรรทัด: อย่างน้อย 1.5 เท่าของขนาดตัวอักษรเพื่อการเข้าถึงสำหรับผู้ที่มีภาวะอ่านลำบาก
• ทดสอบด้วยโปรแกรมอ่านหน้าจอและซูม 200%

Photoshop สมมติว่า 72 PPI สำหรับการแสดงผลบนหน้าจอ ในขณะที่ Word ใช้ 96 DPI (Windows) สำหรับเลย์เอาต์ ฟอนต์ขนาด 12pt ใน Photoshop จะดูใหญ่กว่า 33% บนหน้าจอเมื่อเทียบกับใน Word แม้ว่าทั้งสองจะพิมพ์ออกมาในขนาดที่เหมือนกันก็ตาม ตั้งค่า Photoshop เป็น 300 PPI สำหรับงานพิมพ์เพื่อดูขนาดที่ถูกต้อง

ใช้พิกเซลเสมอ (หรือหน่วยสัมพัทธ์เช่น rem/em) สำหรับเว็บ จุดเป็นหน่วยทางกายภาพที่แน่นอนซึ่งแสดงผลอย่างไม่สอดคล้องกันในเบราว์เซอร์และอุปกรณ์ต่างๆ 12pt อาจเป็น 16px บนอุปกรณ์หนึ่งและ 20px บนอีกอุปกรณ์หนึ่ง ใช้ px/rem เพื่อการพิมพ์เว็บที่คาดเดาได้

pt = ทางกายภาพที่แน่นอน (1/72 นิ้ว), px = พิกเซลหน้าจอ (แตกต่างกันไปตาม DPI), dp = ไม่ขึ้นอยู่กับความหนาแน่นของ Android (ปรับให้เป็นปกติที่ 160 DPI) ใช้ pt สำหรับการพิมพ์, px สำหรับเว็บ, dp สำหรับ Android, iOS pt (ตรรกะ) สำหรับ iOS แต่ละระบบได้รับการปรับให้เหมาะสมสำหรับแพลตฟอร์มของตน

แอปพลิเคชันตีความจุดแตกต่างกันไปตามสมมติฐาน DPI ของตน Word ใช้ 96 DPI, Photoshop เริ่มต้นที่ 72 PPI, InDesign ใช้ความละเอียดของอุปกรณ์จริง 12pt จะมีขนาด 1/6 นิ้วเสมอเมื่อพิมพ์ แต่จะดูมีขนาดแตกต่างกันบนหน้าจอเนื่องจากการตั้งค่า DPI

คูณจุด TeX ด้วย 0.9963 เพื่อให้ได้จุด PostScript (1 TeX pt = 1/72.27 นิ้ว เทียบกับ PostScript 1/72 นิ้ว) ความแตกต่างมีน้อยมาก—เพียง 0.37%—แต่มีความสำคัญสำหรับการพิมพ์เชิงวิชาการที่ระยะห่างที่แม่นยำเป็นสิ่งสำคัญสำหรับสัญลักษณ์ทางคณิตศาสตร์

พิมพ์: ขั้นต่ำ 300 DPI, 600 DPI สำหรับคุณภาพสูง เว็บ: ออกแบบที่ 96 DPI, จัดหาทรัพยากร @2x สำหรับเรตินา มือถือ: ออกแบบที่ @1x ในหน่วยตรรกะ (pt/dp), ส่งออก @2x/@3x อย่าออกแบบที่ 72 DPI เว้นแต่คุณจะกำหนดเป้าหมายไปที่จอแสดงผล Mac รุ่นเก่า

ขนาดฟอนต์เริ่มต้นของเบราว์เซอร์คือ 16px (เทียบเท่ากับ 12pt ที่ 96 DPI) ซึ่งเลือกมาเพื่อความสามารถในการอ่านที่ดีที่สุดในระยะการมองเห็นทั่วไป (18-24 นิ้ว) ขนาดที่เล็กกว่านี้จะลดความสามารถในการอ่าน โดยเฉพาะอย่างยิ่งสำหรับผู้ใช้ที่มีอายุมากกว่า ใช้ 16px เป็นฐานของคุณเสมอสำหรับการกำหนดขนาดสัมพัทธ์

เฉพาะในกรณีที่ทำงานกับการพิมพ์แบบดั้งเดิมของยุโรป, ผู้จัดพิมพ์ชาวฝรั่งเศส, หรือการทำสำเนาทางประวัติศาสตร์ จุด Didot (0.376 มม.) มีขนาดใหญ่กว่าจุด PostScript 6.5% การออกแบบดิจิทัลสมัยใหม่ใช้จุด PostScript เป็นสากล—Didot มีความเกี่ยวข้องเป็นหลักกับการพิมพ์คลาสสิกและหนังสือศิลปะ