กรอกตัวเลข
1 pt = 1.333333333 px
เปิดใน แปลง PX เป็น REMสูตร
px = pt ÷ 0.75
วิธีแปลง
หากต้องการแปลงพอยต์เป็นพิกเซล ให้นำค่าไปหารด้วย 0.75 ตัวอย่างเช่น 14 pt = 18.66666667 px
ตารางแปลง
| pt | px |
|---|---|
| 6 pt | 8 px |
| 8 pt | 10.66666667 px |
| 9 pt | 12 px |
| 10 pt | 13.33333333 px |
| 11 pt | 14.66666667 px |
| 12 pt | 16 px |
| 14 pt | 18.66666667 px |
| 16 pt | 21.33333333 px |
| 18 pt | 24 px |
| 24 pt | 32 px |
| 36 pt | 48 px |
| 48 pt | 64 px |
| 72 pt | 96 px |
เกี่ยวกับหน่วยเหล่านี้
เบราว์เซอร์แปลงความยาว CSS ทุกค่าเป็นพิกเซล rem อ้างอิงขนาดฟอนต์ของ root และ em อ้างอิงขนาดฟอนต์ของอิลิเมนต์แม่ ทั้งสองมีค่า 16px ในเบราว์เซอร์หลักทุกตัว เว้นแต่หน้าเว็บหรือผู้ใช้จะเปลี่ยน 1pt คือ 1/72 นิ้ว และ 1px คือ 1/96 นิ้ว ดังนั้น 1pt = 1.333px ส่วน vw คือ 1% ของความกว้าง viewport ค่าพิกเซลจึงขึ้นกับหน้าจอ
คำถามที่พบบ่อย
› แปลง pt เป็น px อย่างไร?
1 pt = 1.333333333 px ในการแปลงให้นำค่าไปหารด้วย 0.75: 14 pt = 18.66666667 px
› 1 px เท่ากับกี่ pt?
1 px = 0.75 pt สูตรย้อนกลับคือ pt = px × 0.75
› ทำไมใช้ rem แทน px?
ขนาดแบบ rem จะปรับตามขนาดฟอนต์ที่ผู้ใช้ตั้งในเบราว์เซอร์ ซึ่งดีต่อการเข้าถึง และเปลี่ยนค่า root เพียงค่าเดียวก็ปรับขนาดเลย์เอาต์ทั้งหมดได้อย่างสม่ำเสมอ
› rem กับ em ต่างกันอย่างไร?
rem ใช้ขนาดฟอนต์ของ root (html) เสมอ ส่วน em ใช้ขนาดฟอนต์ของอิลิเมนต์แม่ ค่า em ที่ซ้อนกันจึงคูณทบกัน