ตัวแปลงพิกเซลและ DPI – ตรวจสอบ 16 หน่วย

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

100 px ที่ 96 DPI เท่ากับ 2.646 ซม. แต่ที่ 300 DPI เท่ากับ 0.8467 ซม. เพราะขนาดของพิกเซลขึ้นอยู่กับความละเอียด พิมพ์ตัวเลขในช่อง “แปลงจาก” เลือกหน่วยจากรายการใต้ช่อง แล้วตั้งความละเอียดในช่อง “ความละเอียด” ตัวแปลงนี้แปลงพิกเซล พิกเซล CSS dp และ sp ของ Android เซนติเมตร มิลลิเมตร นิ้ว พอยต์ ไพกา ทวิป และ EMU ในไฟล์ Office

px
cm

หนึ่งพิกเซลเท่ากับ 1/DPI นิ้ว ขนาดของพิกเซลจึงขึ้นอยู่กับความละเอียด ค่าเริ่มต้นใน CSS และใน Windows ที่สเกล 100% คือ 96 DPI ส่วนงานพิมพ์มักตั้งไว้ที่ 300 DPI คุณพิมพ์ความละเอียดเป็นพิกเซลต่อเซนติเมตร (px/cm) หรือ dppx ของ CSS ก็ได้

DPI
ซม. เป็น pxpx เป็น ซม.มม. เป็น pxpx เป็น มม.นิ้ว เป็น pxpx เป็น นิ้วม. เป็น pxpx เป็น ม.

แปลงพิกเซลเป็นเซนติเมตรและนิ้วอย่างไร

พิมพ์ตัวเลขในช่อง “แปลงจาก” แล้วเลือกหน่วยของตัวเลขนั้นจากรายการใต้ช่อง จากนั้นเลือกหน่วยที่ต้องการใต้ช่อง “แปลงเป็น” ผลลัพธ์จะแสดงขึ้นทันทีขณะพิมพ์ และแปลงย้อนกลับได้ด้วย โดยพิมพ์ตัวเลขในช่อง “แปลงเป็น” แล้วตัวแปลงจะเติมช่องแรกให้ รายการทั้งสองมี 16 หน่วยเหมือนกันแบ่งเป็นกลุ่ม กลุ่มแรกคือ “ใช้บ่อยที่สุด” ซึ่งมีพิกเซล มิลลิเมตร เซนติเมตร และนิ้ว

เมื่อเลือกพิกเซล (px) ใต้ช่องใดช่องหนึ่ง ช่อง “ความละเอียด” ที่มีค่า 96 จะปรากฏขึ้นด้านล่าง ให้พิมพ์ DPI ของงานพิมพ์หรือหน้าจอลงไป แล้วใช้ปุ่ม DPI px/cm และ dppx บอกว่าคุณเขียนค่าในรูปแบบใด เมื่อเปลี่ยนรูปแบบ ตัวเลขในช่องจะคำนวณใหม่เอง 300 DPI จึงกลายเป็นประมาณ 118.11 px/cm และผลลัพธ์ยังเท่าเดิม

พิมพ์หน่วยต่อท้ายตัวเลขได้ด้วย เช่น “12 pt” “48 dp” หรือ “2 นิ้ว” แล้วตัวแปลงจะเลือกหน่วยนั้นให้ช่อง ปุ่ม “คัดลอกผลลัพธ์” คัดลอกตัวเลขจากช่อง “แปลงเป็น” ส่วนปุ่ม “ล้างทั้งหมด” ล้างทั้งสองช่อง

ทำไมพิกเซลไม่มีขนาดตายตัว

พิกเซลหรือจุดภาพเป็นหน่วยพื้นฐานของภาพดิจิทัล[1] และไฟล์ภาพเก็บไว้เพียงว่าภาพกว้างและสูงกี่พิกเซล ขนาดบนกระดาษหรือบนหน้าจอขึ้นอยู่กับความละเอียด คือจำนวนพิกเซลในหนึ่งนิ้ว รูปที่กว้าง 3,000 px จึงพิมพ์ออกมากว้าง 10 นิ้ว (25.4 ซม.) ที่ 300 DPI และกว้าง 20 นิ้ว (50.8 ซม.) ที่ 150 DPI

สูตรสั้นมาก นิ้ว = พิกเซล ÷ DPI และเซนติเมตร = พิกเซล ÷ DPI × 2.54 เพราะหนึ่งนิ้วเท่ากับ 2.54 ซม. พอดี[6] ที่ 300 DPI หนึ่งเซนติเมตรมี 118.11 px และหนึ่งมิลลิเมตรมี 11.81 px

สำหรับงานพิมพ์คุณภาพสูง Adobe ถือว่า 300 ppi เป็นมาตรฐานของอุตสาหกรรม[2] โปรแกรมต่าง ๆ เรียกทั้ง DPI และ PPI ว่าความละเอียด ช่อง “ความละเอียด” จึงรับค่าใดก็ได้

หนึ่งนิ้ว หนึ่งเซนติเมตร และหนึ่งมิลลิเมตรมีกี่พิกเซล

ตารางแสดงว่าหนึ่งนิ้ว หนึ่งเซนติเมตร และหนึ่งมิลลิเมตรมีกี่พิกเซลที่ความละเอียดของหน้าจอ งานพิมพ์ และการสแกน ตั้งแต่ 72 ถึง 1,200 DPI ตัวเลขทั้งหมดคำนวณด้วยตัวแปลงนี้
ความละเอียดพิกเซลต่อนิ้วพิกเซลต่อเซนติเมตรพิกเซลต่อมิลลิเมตร
72 DPI7228.3462.83
96 DPI9637.7953.78
150 DPI15059.0555.91
200 DPI20078.747.87
300 DPI300118.1111.81
600 DPI600236.2223.62
1,200 DPI1,200472.44147.24
ค่าของเซนติเมตรและมิลลิเมตรปัดเศษไว้ เพราะหนึ่งนิ้วยาว 25.4 มม. การหารจึงไม่ลงตัว ตัวแปลงแสดงผลลัพธ์เต็ม

กระดาษ A4 นามบัตร และรูป 4R มีกี่พิกเซล

กระดาษชุด A เป็นไปตามมาตรฐาน ISO 216[3] นามบัตร 90 × 54 มม. เป็นขนาดมาตรฐานหนึ่งของนามบัตร[4] และรูป 4R มีขนาด 4 × 6 นิ้ว[5] ตารางให้ความกว้างและความสูงเป็นพิกเซลที่ปัดเป็นจำนวนเต็มแบบที่โปรแกรมกราฟิกทำ หากเป็นแนวนอนให้สลับตัวเลขสองตัว
ขนาด96 DPI150 DPI300 DPI
A5 (148 × 210 มม.)559 × 794874 × 1,2401,748 × 2,480
A4 (210 × 297 มม.)794 × 1,1231,240 × 1,7542,480 × 3,508
A3 (297 × 420 มม.)1,123 × 1,5871,754 × 2,4803,508 × 4,961
นามบัตร (90 × 54 มม.)340 × 204531 × 3191,063 × 638
รูป 4R (4 × 6 นิ้ว)384 × 576600 × 9001,200 × 1,800

พิกเซล CSS ต่างจากพิกเซลของหน้าจออย่างไร

เว็บไซต์กำหนดขนาดเป็นพิกเซล CSS ข้อกำหนด CSS ให้พิกเซลนี้มีขนาดคงที่ โดยหนึ่งนิ้วเท่ากับ 2.54 ซม. และเท่ากับ 96 พิกเซล CSS[6] พิกเซล CSS หนึ่งพิกเซลจึงยาวประมาณ 0.2646 มม. เสมอ หรือเท่ากับ 0.75 pt พอดี พิกเซล CSS จึงแยกอยู่ในรายการต่างหากจากพิกเซลธรรมดา เพราะช่อง “ความละเอียด” ไม่มีผลกับมัน

หน้าจอความหนาแน่นสูงวาดพิกเซล CSS หนึ่งพิกเซลด้วยพิกเซลของหน้าจอหลายพิกเซล CSS บอกค่านี้ด้วยหน่วย dppx คือจำนวนจุดต่อพิกเซล CSS โดย 1 dppx เท่ากับ 96 DPI[6] หากรู้ค่า dppx ของหน้าจอ ให้กดปุ่ม dppx แล้วพิมพ์ค่านั้นในช่อง “ความละเอียด”

Windows คิดแบบเดียวกัน ค่า DPI พื้นฐานคือ 96 สเกล 100% ตรงกับ 96 DPI และพิกเซลอิสระจากอุปกรณ์ (DIP) เท่ากับ 1/96 ของนิ้วเชิงตรรกะ[7]

dp และ sp ใน Android คืออะไร

Android แนะนำให้ออกแบบแอปด้วยพิกเซลอิสระจากความหนาแน่น (dp) หนึ่ง dp เท่ากับประมาณหนึ่งพิกเซลบนหน้าจอ 160 DPI และระบบแปลง dp เป็นพิกเซลด้วยสูตร px = dp × (dpi / 160)[8] ตัวแปลงถือว่า dp เท่ากับ 1/160 นิ้ว เมื่อใส่ DPI ของโทรศัพท์ในช่อง “ความละเอียด” ตัวแปลงจึงแสดงจำนวนพิกเซลตามสูตรนี้พอดี

ขนาดตัวอักษรใน Android กำหนดเป็นพิกเซลที่ปรับขนาดได้ (sp) โดยค่าเริ่มต้น sp มีขนาดเท่ากับ dp แต่จะเปลี่ยนตามขนาดตัวอักษรที่ผู้ใช้เลือกในการตั้งค่า[8] ตัวแปลงคิด sp ที่ขนาดตัวอักษรเริ่มต้น คือเท่ากับ dp

หนึ่ง dp มีกี่พิกเซลในโฟลเดอร์ mdpi hdpi xhdpi และ xxhdpi

กราฟิกของแอป Android เตรียมไว้หลายขนาด หนึ่งขนาดต่อกลุ่มความหนาแน่นของหน้าจอ เอกสารของ Android ให้ค่า DPI โดยประมาณของแต่ละกลุ่มและอัตราส่วน 3:4:6:8:12:16 ระหว่างกลุ่ม พร้อมตัวอย่างไอคอน 48 × 48 px สำหรับ mdpi[8] ตารางแสดงว่า 1 dp และไอคอน 48 dp นี้มีกี่พิกเซลในแต่ละกลุ่ม
โฟลเดอร์ทรัพยากรความละเอียดโดยประมาณ1 dp เป็นพิกเซลไอคอน 48 dp
drawable-ldpiประมาณ 120 DPI0.75 px36 × 36 px
drawable-mdpiประมาณ 160 DPI1 px48 × 48 px
drawable-hdpiประมาณ 240 DPI1.5 px72 × 72 px
drawable-xhdpiประมาณ 320 DPI2 px96 × 96 px
drawable-xxhdpiประมาณ 480 DPI3 px144 × 144 px
drawable-xxxhdpiประมาณ 640 DPI4 px192 × 192 px

พอยต์ ไพกา ทวิป และ EMU คืออะไร

พอยต์ (pt) ที่ตัวแปลงใช้เท่ากับ 1/72 นิ้ว หรือประมาณ 0.3528 มม. และไพกา (pc) เท่ากับ 1/6 นิ้ว หรือ 12 พอยต์[6] Word ใช้พอยต์บอกขนาดฟอนต์ ตัวอักษร 12 pt จึงมีขนาดประมาณ 4.23 มม. หรือ 16 px บนหน้าจอ 96 DPI

ทวิปเท่ากับหนึ่งในยี่สิบของพอยต์ หนึ่งนิ้วจึงมี 1,440 ทวิป ไฟล์ Word รูปแบบเก่า (.doc) เก็บระยะขอบและขนาดหน้าเป็นทวิป ระยะขอบกว้าง 1 นิ้วจึงเขียนไว้ในไฟล์เป็น 1,440 ทวิป[9]

EMU (English Metric Unit) เป็นหน่วยพิกัดในไฟล์ Office หนึ่งนิ้วมี 914,400 EMU และหนึ่งเซนติเมตรมี 360,000 EMU[10] หนึ่งมิลลิเมตรจึงเท่ากับ 36,000 EMU พอดี

ตัวแปลงนี้รู้จักหน่วยใดบ้าง

ตัวแปลงรู้จัก 16 หน่วย ตารางแสดงแต่ละหน่วยเป็นนิ้วและเป็นพิกเซลที่ 96 DPI ซึ่งเป็นค่าเริ่มต้นของช่อง “ความละเอียด”
หน่วยเป็นนิ้วเป็นพิกเซลที่ 96 DPIกลุ่มในรายการ
พิกเซล (px)1/DPI นิ้ว1ใช้บ่อยที่สุด
พิกเซล CSS0.01041671หน้าจอ เว็บไซต์ และแอป
พิกเซลอิสระจากความหนาแน่น (dp)0.006250.6หน้าจอ เว็บไซต์ และแอป
พิกเซลที่ปรับขนาดได้ (sp)0.006250.6หน้าจอ เว็บไซต์ และแอป
ไมโครเมตร (µm)0.00003937010.00377953ระบบเมตริก (SI)
มิลลิเมตร (mm)0.03937013.77953ใช้บ่อยที่สุด
หนึ่งในสี่มิลลิเมตร (Q)0.009842520.944882เมตริกนอกระบบ SI
เซนติเมตร (cm)0.39370137.7953ใช้บ่อยที่สุด
เมตร (m)39.37013,779.53ระบบเมตริก (SI)
นิ้ว (in)196ใช้บ่อยที่สุด
ฟุต (ft)121,152ระบบอังกฤษและอเมริกัน
หลา (yd)363,456ระบบอังกฤษและอเมริกัน
พอยต์ (pt)0.01388891.33333หน่วยงานพิมพ์
ไพกา (pc)0.16666716หน่วยงานพิมพ์
ทวิป0.0006944440.0666667หน่วยในไฟล์ Office
หน่วย EMU0.000001093610.000104987หน่วยในไฟล์ Office
ค่าปัดเป็นเลขนัยสำคัญหกหลัก ตารางไม่ได้แปลงพิกเซลเป็นนิ้ว เพราะขนาดของพิกเซลขึ้นอยู่กับช่อง “ความละเอียด”

พิมพ์อะไรในช่อง “แปลงจาก” ได้บ้าง

ช่องนี้รับตัวเลขหลายรูปแบบ และรับพร้อมหน่วยได้ด้วย ตารางแสดงว่าตัวแปลงทำอะไรกับค่าแต่ละค่า เมื่อเลือกพิกเซลใต้ช่อง “แปลงจาก” เลือกเซนติเมตรใต้ช่อง “แปลงเป็น” และช่อง “ความละเอียด” มีค่า 96 ผลลัพธ์ทั้งหมดคำนวณด้วยตัวแปลงนี้ นิ้วของไทยแบบดั้งเดิมยาวประมาณ 2.083 ซม. แต่นิ้วบนไม้บรรทัดที่ขายในไทยปัจจุบันเป็นนิ้วอังกฤษ 2.54 ซม.[11] และตัวแปลงก็ใช้นิ้วอังกฤษ
สิ่งที่คุณพิมพ์หน่วยใต้ช่อง “แปลงจาก”ผลลัพธ์ในช่อง “แปลงเป็น”เราอ่านอย่างไร
100พิกเซล (px)2.64583333333333 ซม.ตัวเลขที่ไม่มีหน่วยจะคิดเป็นหน่วยที่เลือกไว้ใต้ช่อง ในที่นี้คือพิกเซล
2.5พิกเซล (px)0.0661458333333333 ซม.จุดคั่นทศนิยม จึงเป็นสองพิกเซลครึ่ง
1,500พิกเซล (px)39.6875 ซม.จุลภาคตามด้วยตัวเลขสามหลักคั่นหลักพัน ช่องจึงมีหนึ่งพันห้าร้อยพิกเซล และใต้ช่องมีบรรทัดบอกว่าอ่านตัวเลขอย่างไร
๑๐๐พิกเซล (px)2.64583333333333 ซม.ตัวเลขไทยก็ใช้ได้ ช่องอ่านเป็น 100
12 ptพอยต์ (pt)0.423333333333333 ซม.หน่วยที่พิมพ์ต่อท้ายตัวเลขจะเปลี่ยนหน่วยใต้ช่อง ในที่นี้เป็นพอยต์ และใต้ช่องมีบรรทัดแจ้งการเปลี่ยนนี้
2 นิ้วนิ้ว (in)5.08 ซม.พิมพ์ชื่อหน่วยเป็นภาษาไทยได้ นิ้วในตัวแปลงนี้คือนิ้วอังกฤษ 2.54 ซม.
5 ซม.เซนติเมตร (cm)5 ซม.ตัวย่อที่คนไทยใช้ เช่น ซม. และ มม. ก็อ่านได้
48 dpพิกเซลอิสระจากความหนาแน่น (dp)0.762 ซม.สัญลักษณ์ dp และ sp ของ Android ก็เปลี่ยนหน่วยใต้ช่องได้เช่นกัน
300 dpiพิกเซล (px)— (ข้อความใต้ช่อง)ความละเอียดไม่ใช่ขนาด จึงไม่มีผลลัพธ์ และใต้ช่องมีคำแนะนำว่าต้องพิมพ์ DPI ที่ไหน

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

  1. พิกเซล — วิกิพีเดีย
  2. Print resolution for images in Photoshop — Adobe (ภาษาอังกฤษ)
  3. ISO 216 — Wikipedia (ภาษาอังกฤษ)
  4. Business card — Wikipedia (ภาษาอังกฤษ)
  5. Photo print sizes — Wikipedia (ภาษาอังกฤษ)
  6. CSS Values and Units Module Level 4 — W3C (ภาษาอังกฤษ)
  7. DPI and device-independent pixels — Microsoft Learn (ภาษาอังกฤษ)
  8. Support different pixel densities — Android Developers (ภาษาอังกฤษ)
  9. [MS-DOC]: Example of a section — Microsoft Learn (ภาษาอังกฤษ)
  10. [MS-OE376]: ST_Coordinate (Coordinate) — Microsoft Learn (ภาษาอังกฤษ)
  11. นิ้ว (หน่วยความยาวไทย) — วิกิพีเดีย

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

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

คำถามที่พบบ่อยเกี่ยวกับพิกเซลและ DPI

รูปสำหรับเว็บไซต์ต้องเป็น 72 DPI ไหม

ไม่ต้อง เบราว์เซอร์แสดงรูปตามจำนวนพิกเซล และความละเอียดที่บันทึกไว้ในไฟล์ไม่ได้เปลี่ยนขนาดของรูปบนหน้าเว็บ สิ่งที่สำคัญสำหรับเว็บไซต์คือความกว้างเป็นพิกเซล เช่น 1,200 px สำหรับรูปที่กว้างเต็มบทความ

ทำไมใน CSS หนึ่งนิ้วเท่ากับ 96 px เสมอ แต่ใน Photoshop ไม่ใช่

CSS ผูกหน่วยของตัวเองไว้กับพิกเซล CSS หนึ่งนิ้วใน CSS จึงเท่ากับ 96 px เสมอ[6] ส่วน Photoshop คิดเป็นพิกเซลของไฟล์ และหนึ่งนิ้วมีกี่พิกเซลขึ้นอยู่กับความละเอียดที่ตั้งไว้ในเอกสาร

แปลง px/cm เป็น DPI อย่างไร

คูณค่าด้วย 2.54 เพราะหนึ่งนิ้วเท่ากับ 2.54 ซม. ดังนั้น 118.11 px/cm คือ 300 DPI ในตัวแปลงนี้เพียงกดปุ่ม px/cm ตัวเลขในช่อง “ความละเอียด” ก็จะคำนวณใหม่ให้เอง

ตัวแปลงส่งข้อมูลของฉันไปยังเซิร์ฟเวอร์หรือไม่

ไม่ส่ง การคำนวณทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ ตัวเลขที่พิมพ์จึงไม่ออกจากอุปกรณ์

ภาพหน้าจอของเครื่องมือฟรีจาก Arteon: ตัวแปลงพิกเซลและ DPI – ตรวจสอบ 16 หน่วย

ช่วยเราปรับปรุงตัวแปลงนี้

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