แปลงพิกเซล (px) เป็นพอยต์ (pt)

ตรวจสอบเนื้อหาล่าสุด:

16 px เท่ากับ 12 pt ซึ่งเป็นขนาดที่เอกสารพิมพ์ออกมาใช้กันทั่วไป ใน CSS หนึ่งพิกเซลคือ 1/96 นิ้ว และหนึ่งพอยต์คือ 1/72 นิ้ว จึงคูณพิกเซลด้วย 0.75 ได้เลย ข้อความ 14 พิกเซลบนหน้าเว็บเท่ากับ 10.5 พอยต์ใน Word ส่วนหัวเรื่อง 24 พิกเซลเท่ากับ 18 พอยต์ พิมพ์พิกเซลในช่องแรก แล้วพอยต์จะขึ้นข้าง ๆ

px
pt
เป็น

พิกเซลและพอยต์คืออะไร

พิกเซลหรือจุดภาพเป็นหน่วยพื้นฐานของภาพ คือจุดภาพบนจอแสดงผลหรือจุดภาพในรูปภาพที่รวมกันเป็นภาพขึ้น[1] ส่วนพิกเซลของ CSS ที่ใช้เขียนขนาดในไฟล์สไตล์ ยังมีความยาวคงที่ด้วย คือ 1/96 นิ้ว หรือราว 0.26 มม.[2]

พอยต์คือหน่วยของงานพิมพ์ที่ใช้บอกขนาดตัวอักษร พอยต์แบบ DTP ที่ Word, InDesign และโปรแกรมอื่นใช้ เท่ากับ 1/72 นิ้ว หรือราว 0.3528 มม.[3] พอยต์ใหญ่กว่าพิกเซล ความยาวเท่ากันเมื่อเขียนเป็นพอยต์จึงได้ตัวเลขน้อยกว่า

แผ่นตัวอย่างฟอนต์สีเหลือง มีตัวอักษรสีน้ำเงินหลายน้ำหนักและตัว G ขนาดใหญ่
แผ่นตัวอย่างฟอนต์นี้เรียงคำด้วยน้ำหนักตัวอักษรหลายแบบ โปรแกรมจัดหน้าจะบอกขนาดของข้อความแบบนี้เป็นพอยต์ หัวเรื่องที่ออกแบบบนจอไว้ 28 พิกเซลจึงเท่ากับ 21 พอยต์ในโปรแกรมนั้น ภาพ: Mika Baumeister, Unsplash

16 พิกเซลเท่ากับกี่พอยต์

16 พิกเซลเท่ากับ 12 พอยต์ วิธีคิดคือคูณพิกเซลด้วย 72 แล้วหารด้วย 96 หรือคูณด้วย 0.75 นั่นเอง 16 พิกเซลซึ่งเป็นขนาดฟอนต์เริ่มต้นที่พบบ่อยในเบราว์เซอร์[4] ตรงกับข้อความขนาด 12 พอยต์ในเอกสารที่พิมพ์ออกมา และกินพื้นที่บนกระดาษ 4.23 มม.

14 พิกเซลเท่ากับ 10.5 พอยต์ 20 พิกเซลเท่ากับ 15 พอยต์ และ 24 พิกเซลเท่ากับ 18 พอยต์ ส่วน 96 พิกเซลซึ่งเท่ากับหนึ่งนิ้วหรือ 25.4 มม. เท่ากับ 72 พอยต์ เวลาย้ายแบบหน้าเว็บไปทำเป็นเอกสาร Word หรือไฟล์สำหรับพิมพ์ ให้แปลงพิกเซลเป็นพอยต์ก่อนแล้วค่อยตั้งขนาดฟอนต์

Word รับขนาดฟอนต์ตั้งแต่ 1 ถึง 1,638 พอยต์ เป็นพหุคูณของ 0.5[5] พิกเซลจำนวนคู่จะให้ค่าแบบนั้นเสมอ เช่น 18 พิกเซลเท่ากับ 13.5 พอยต์ และ 22 พิกเซลเท่ากับ 16.5 พอยต์ ส่วนจำนวนคี่จะให้เศษหนึ่งส่วนสี่ของพอยต์ เช่น 15 พิกเซลเท่ากับ 11.25 พอยต์ ใน Word จึงต้องพิมพ์ 11 หรือ 11.5

แปลงพิกเซลเป็นพอยต์อย่างไร

สูตรคือ pt = px × 72 ÷ 96 ซึ่งก็คือการคูณด้วย 0.75 40 พิกเซลเท่ากับ 30 พอยต์ และ 64 พิกเซลเท่ากับ 48 พอยต์

พิกเซลที่หารด้วย 4 ลงตัวจะได้พอยต์เต็มจำนวน เช่น 12 พิกเซลเท่ากับ 9 พอยต์ 16 พิกเซลเท่ากับ 12 พอยต์ และ 20 พิกเซลเท่ากับ 15 พอยต์ ส่วนค่าอื่นจะได้พอยต์ที่มีทศนิยมทีละหนึ่งส่วนสี่

ถ้าต้องคิดย้อนทาง ใช้เครื่องมือแปลง pt เป็น px ถ้าอยากรู้ว่าภาพจะพิมพ์ออกมาใหญ่เท่าไรที่ความละเอียดหนึ่ง ให้ใส่ DPI ในเครื่องมือแปลง px เป็น มม. ส่วนหน่วยสัมพัทธ์สำหรับไฟล์ CSS ดูได้ที่เครื่องมือแปลง px เป็น rem

หน้าหนังสือที่วาดตัวพิมพ์ใหญ่และตัวเลขลงบนตารางสี่เหลี่ยม
ในหนังสือแบบตัวอักษรเล่มนี้ ตัวพิมพ์ใหญ่และตัวเลขถูกวาดลงบนตารางสี่เหลี่ยม เหมือนที่วันนี้ตัวอักษรถูกวาดลงบนตารางพิกเซลของจอ ข้อความที่ออกแบบบนจอไว้ 32 พิกเซลเท่ากับ 24 พอยต์ในงานพิมพ์ ภาพ: Glen Carrie, Unsplash

ขนาดฟอนต์ในไฟล์ CSS เท่ากับกี่พอยต์

ตารางนี้มีขนาด 29 ขนาด ตั้งแต่ 8 ถึง 96 พิกเซล ทั้งเป็นพอยต์และเป็นมิลลิเมตรเมื่อพิมพ์ที่ 96 DPI แถวที่เน้นไว้คือ 16 พิกเซลซึ่งเป็นขนาดเริ่มต้นที่พบบ่อยในเบราว์เซอร์ 24 พิกเซลซึ่งเท่ากับ 18 พอยต์ และ 96 พิกเซลซึ่งเท่ากับหนึ่งนิ้วพอดี
พิกเซลพอยต์มิลลิเมตร (96 DPI)
8 px6 pt2.117 มม.
10 px7.5 pt2.646 มม.
11 px8.25 pt2.910 มม.
12 px9 pt3.175 มม.
13 px9.75 pt3.440 มม.
14 px10.5 pt3.704 มม.
15 px11.25 pt3.969 มม.
16 px12 pt4.233 มม.
17 px12.75 pt4.498 มม.
18 px13.5 pt4.763 มม.
19 px14.25 pt5.027 มม.
20 px15 pt5.292 มม.
21 px15.75 pt5.556 มม.
22 px16.5 pt5.821 มม.
24 px18 pt6.350 มม.
26 px19.5 pt6.879 มม.
28 px21 pt7.408 มม.
30 px22.5 pt7.938 มม.
32 px24 pt8.467 มม.
36 px27 pt9.525 มม.
40 px30 pt10.583 มม.
44 px33 pt11.642 มม.
48 px36 pt12.700 มม.
56 px42 pt14.817 มม.
64 px48 pt16.933 มม.
72 px54 pt19.050 มม.
80 px60 pt21.167 มม.
90 px67.5 pt23.813 มม.
96 px72 pt25.400 มม.
คอลัมน์พอยต์คำนวณด้วยวิธีเดียวกับเครื่องมือ และแสดงทศนิยมสองตำแหน่ง

ความกว้างของจอและขนาดภาพเท่ากับกี่พอยต์

ตรงนี้เรารวบรวมไว้ 17 ค่า ตั้งแต่ 100 ถึง 2,000 พิกเซล ขนาดหน้าต่าง ขนาดภาพ และขนาดจอก็แปลงเป็นพอยต์ด้วยการคูณ 0.75 เหมือนกัน 1,920 พิกเซลคือความกว้างของจอ Full HD ส่วน 1,080 พิกเซลคือความสูง
พิกเซลพอยต์มิลลิเมตร (96 DPI)
100 px75 pt26.5 มม.
150 px112.5 pt39.7 มม.
200 px150 pt52.9 มม.
240 px180 pt63.5 มม.
300 px225 pt79.4 มม.
320 px240 pt84.7 มม.
375 px281.25 pt99.2 มม.
400 px300 pt105.8 มม.
500 px375 pt132.3 มม.
512 px384 pt135.5 มม.
600 px450 pt158.8 มม.
800 px600 pt211.7 มม.
1,024 px768 pt270.9 มม.
1,080 px810 pt285.8 มม.
1,200 px900 pt317.5 มม.
1,920 px1,440 pt508 มม.
2,000 px1,500 pt529.2 มม.
คอลัมน์มิลลิเมตรคือความยาวเมื่อพิมพ์ที่ 96 DPI ถ้าใช้ความละเอียดอื่น ให้ใส่ DPI ในเครื่องมือแปลง px เป็น มม.

หน้า A4 ในไฟล์ PDF เท่ากับกี่พอยต์

ถ้าหน้านั้นไม่ได้กำหนดหน่วยอื่นไว้ PDF จะเขียนตำแหน่งและขนาดด้วยหน่วยขนาด 1/72 นิ้ว[6] ซึ่งยาวเท่ากับพอยต์ใน Word และใน CSS หน้า A4 ในไฟล์ PDF จึงมีขนาด 595 × 842 พอยต์ ขนาดชุด A กำหนดไว้เป็นมิลลิเมตร[7] เมื่อเปลี่ยนเป็นพอยต์จึงมีเศษ ในตารางจึงปัดเป็นจำนวนเต็ม
ขนาดขนาดใน PDF (พอยต์)ขนาดจริง (มิลลิเมตร)
A3842 × 1,191 pt297 × 420 มม.
A4595 × 842 pt210 × 297 มม.
A5420 × 595 pt148 × 210 มม.
A6298 × 420 pt105 × 148 มม.
Letter (สหรัฐอเมริกา)612 × 792 pt215.9 × 279.4 มม.
ขนาด Letter ของสหรัฐกำหนดไว้เป็นนิ้ว จึงได้ 612 × 792 พอยต์พอดีโดยไม่มีเศษ

หนึ่ง point ในแอปของ iPhone เท่ากับกี่พิกเซล

“point” ในแอปสำหรับ iPhone และ iPad เป็นคนละหน่วยกับพอยต์ของงานพิมพ์ แอปเปิลวัดพิกัดเชิงตรรกะของจอเป็น point และวัดพิกัดของเครื่องเป็นพิกเซล แล้วเรียกอัตราส่วนระหว่างสองอย่างนี้ว่าตัวคูณสเกล บนจอ Retina สเกลเป็น 3.0 หรือ 2.0 หนึ่ง point จึงแสดงด้วยเก้าพิกเซลหรือสี่พิกเซลตามลำดับ[8]
สเกลพิกเซลของหนึ่ง pointหนึ่ง point กี่พิกเซลสี่เหลี่ยม 16 × 16 point
1x1 × 1116 × 16 px
2x2 × 2432 × 32 px
3x3 × 3948 × 48 px
จอของ iPhone 17 Pro มีความละเอียด 2,622 × 1,206 พิกเซล[9] ที่สเกล 3 การจัดวางในแอปจึงออกแบบบนพื้นที่ 874 × 402 point ส่วนตัวคูณ 0.75 ของเครื่องมือนี้ใช้กับพอยต์ของงานพิมพ์ ไม่ใช่กับ point ของ iPhone

ช่องพิกเซลของเครื่องมือนี้รับรูปแบบไหนบ้าง

ช่องพิกเซลรับและคำนวณทุกรูปแบบในตารางนี้ คุณจึงไม่ต้องแก้ค่าก่อนวาง ค่าที่คัดลอกมาจากไฟล์ CSS หรือจากเครื่องมือสำหรับนักพัฒนา พิมพ์พร้อมหน่วยได้เลย ส่วนค่าที่เขียนด้วยหน่วยอื่น เช่น พอยต์ ระบบจะแปลงเป็นพิกเซลก่อน แล้วเขียนไว้ใต้ช่องว่า “ค่าที่วาง 12 พอยต์ เท่ากับ 16 px ในช่องนี้” คอลัมน์กลางคือผลลัพธ์ที่เครื่องมือคำนวณเอง
สิ่งที่คุณพิมพ์หรือวางผลลัพธ์ของเครื่องมือช่องอ่านรูปแบบนี้อย่างไร
1612 ptถ้าพิมพ์เฉพาะตัวเลข ช่องจะอ่านเป็นพิกเซล
16px12 ptรูปแบบจากไฟล์ CSS มีหน่วยเดียวกับช่องนี้ ค่าจึงไม่เปลี่ยน
font-size: 14px;10.5 ptวางทั้งบรรทัดจากไฟล์ CSS ได้เลย ช่องจะเก็บเฉพาะตัวเลข
๑๖12 ptเลขไทยก็ใช้ได้ ช่องอ่านเป็น 16 พิกเซล
16 พิกเซล12 ptชื่อหน่วยภาษาไทยก็อ่านได้
12 พอยต์12 ptค่าที่เป็นพอยต์จะถูกแปลงเป็นพิกเซลก่อน เลขที่เข้าช่องคือ 16
10.5 pt10.5 ptค่าที่คัดลอกมาจาก Word ก็ถูกแปลงเป็นพิกเซล เลขที่เข้าช่องคือ 14
1 นิ้ว72 ptนิ้วก็ใช้ได้ หนึ่งนิ้วเท่ากับ 96 พิกเซล
½0.38 ptเศษส่วนที่เขียนด้วยสัญลักษณ์เดียวก็ใช้ได้ ช่องคำนวณ 0.5 พิกเซล
ก่อนเขียนตารางนี้ เราทดลองทุกรูปแบบในช่องจริง รูปแบบที่ช่องพอยต์รับได้อยู่ในตารางบนหน้าเครื่องมือแปลง pt เป็น px

โปรแกรมไหนใช้พอยต์ และโปรแกรมไหนใช้พิกเซล

  1. Microsoft Word

    Word ต้องการขนาดฟอนต์เป็นพอยต์ โดยพิมพ์ค่าลงกล่อง “ขนาดฟอนต์” บนแท็บ “หน้าแรก”[5] ถ้าอยากได้ขนาดเท่ากับข้อความ 16 พิกเซลบนหน้าเว็บ ให้พิมพ์ 12 ถ้า 14 พิกเซล ให้พิมพ์ 10.5

  2. Adobe InDesign

    ในช่องของ InDesign พิมพ์ค่าพร้อมหน่วยได้ ถ้าพิมพ์ “24px” โปรแกรมจะแปลงเป็นหน่วยของเอกสารให้[10] ส่วนหน่วยของไม้บรรทัดเปลี่ยนได้บน Windows ที่ Edit › Preferences › Units & Increments (ชื่อจากหน้าจอภาษาอังกฤษ)

  3. Adobe Photoshop

    ถ้าบน Windows ที่ Edit › Preferences › Units & Rulers ตั้ง Point/Pica Size เป็น “PostScript (72 points per inch)” พอยต์ของ Photoshop จะเท่ากับพอยต์ของเครื่องมือนี้[11] (ชื่อจากหน้าจอภาษาอังกฤษ)

พิกเซล: แปลงเป็นหน่วยอื่น

แปลง px เป็น remแปลง px เป็น cmแปลง px เป็น mmแปลง px เป็นนิ้วแปลง px เป็นเมตร

แหล่งอ้างอิง

  1. พิกเซล — วิกิพีเดีย
  2. CSS Values and Units Module Level 4 — W3C (ภาษาอังกฤษ)
  3. Point (typography) — วิกิพีเดีย (ภาษาอังกฤษ)
  4. <length> - CSS — MDN Web Docs (ภาษาอังกฤษ)
  5. เปลี่ยนขนาดฟอนต์ — ฝ่ายสนับสนุนของ Microsoft
  6. Document management — Portable document format — Part 1: PDF 1.7 (ISO 32000-1) — Adobe / ISO (ภาษาอังกฤษ)
  7. ISO 216 — วิกิพีเดีย (ภาษาอังกฤษ)
  8. UIScreen: scale — Apple Developer Documentation (ภาษาอังกฤษ)
  9. iPhone 17 Pro - ข้อมูลจำเพาะทางเทคนิค — Apple
  10. Rulers and measurement units — Adobe InDesign Help (ภาษาอังกฤษ)
  11. Rulers — Adobe Photoshop Help (ภาษาอังกฤษ)

เราคำนวณค่าทั้งหมดในตารางจากนิยามของหน่วย และตรวจสอบการคำนวณอีกครั้งก่อนเผยแพร่ ข้อมูลทางประวัติศาสตร์และชื่อหน่วยท้องถิ่นอ้างอิงจากแหล่งที่ระบุไว้ด้านบน

ตรวจสอบเนื้อหาล่าสุด: · เขียนและตรวจสอบโดย ทีมงาน Arteon

คำถามที่พบบ่อยเรื่องการแปลงพิกเซลเป็นพอยต์

1 พิกเซลเท่ากับกี่พอยต์

0.75 พอยต์ สี่พิกเซลเท่ากับสามพอยต์พอดี พิกเซลจำนวนที่หารด้วย 4 ลงตัวจึงให้พอยต์เต็มจำนวน เช่น 16 พิกเซลเท่ากับ 12 พอยต์ และ 24 พิกเซลเท่ากับ 18 พอยต์

16 px เท่ากับกี่ pt

12 พอยต์ 16 พิกเซลซึ่งเป็นขนาดเริ่มต้นที่พบบ่อยในเบราว์เซอร์[4] มีขนาดเท่ากับข้อความ 12 พอยต์ใน Word

14 พิกเซลเท่ากับกี่พอยต์

10.5 พอยต์ เพราะ 14 × 0.75 = 10.5 Word รับขนาดนี้ได้เพราะยอมให้เป็นพหุคูณของ 0.5[5]

100 พิกเซลเท่ากับหนึ่งนิ้วไหม

ไม่เท่า ใน CSS หนึ่งนิ้วเท่ากับ 96 พิกเซลและ 72 พอยต์[2] 100 พิกเซลเท่ากับ 75 พอยต์ ยาวกว่าหนึ่งนิ้วอยู่สี่พิกเซล หรือราว 26.5 มม.

หนึ่งหน่วยของ PDF เท่ากับกี่มิลลิเมตร

ถ้าหน้านั้นไม่ได้กำหนดหน่วยอื่น จะเท่ากับ 1/72 นิ้ว หรือราว 0.3528 มม.[6] ซึ่งยาวเท่ากับพอยต์ใน Word หน้า A4 จึงมีขนาด 595 × 842 หน่วย

point ในแอป iPhone เหมือนพอยต์ของงานพิมพ์ไหม

ไม่เหมือน point ของ iPhone เป็นหน่วยพิกัดเชิงตรรกะของจอ บนจอที่สเกลเป็น 3 หนึ่ง point แสดงเป็นสี่เหลี่ยม 3 × 3 หรือเก้าพิกเซล[8] ส่วนเครื่องมือนี้คำนวณพอยต์ของงานพิมพ์ที่เท่ากับ 1/72 นิ้ว

พิมพ์ที่ 300 dpi ก็คูณ 0.75 เหมือนกันไหม

สำหรับขนาดฟอนต์ใช่ เพราะทั้งพอยต์และพิกเซลของ CSS เป็นความยาวคงที่ที่นิยามผ่านนิ้ว ส่วนขนาดพิมพ์ของภาพถ่ายที่มีจำนวนพิกเซลแน่นอนจะเปลี่ยนไปตาม DPI คำนวณได้ที่เครื่องมือแปลง px เป็น มม.

ทำไมผลลัพธ์ถึงมีทศนิยม เช่น 11.25

เพราะพิกเซลที่หารด้วย 4 ไม่ลงตัว เมื่อคูณด้วย 0.75 จะได้พอยต์ที่มีทศนิยมทีละหนึ่งส่วนสี่ เช่น 15 พิกเซลเท่ากับ 11.25 พอยต์ และ 17 พิกเซลเท่ากับ 12.75 พอยต์ Word รับค่าเป็นพหุคูณของ 0.5[5] ในโปรแกรมจึงพิมพ์เป็น 11 หรือ 11.5 และ 12.5 หรือ 13

ภาพหน้าจอของเครื่องมือฟรีจาก Arteon: แปลงพิกเซล (px) เป็นพอยต์ (pt)

ช่วยเราปรับปรุงเครื่องมือนี้

เจอค่าที่โปรแกรมของคุณให้ผลต่างออกไป หรือมีข้อเสนอแนะไหม เขียนมาหาเราได้