การแปลงหน่วยขนาดฟอนต์

คำแนะนำที่เกี่ยวข้อง

เกี่ยวกับความสามารถในการแปลงแบบคงที่ของ pt, px, dp, sp

กรณีการใช้งาน

• เปลี่ยนขนาดแบบอักษร 16 px, 18 px และ 24 px อย่างรวดเร็วในแบบร่างการออกแบบเป็น pt เพื่ออำนวยความสะดวกในการเขียนลงในเอกสาร PPT, Word หรือข้อกำหนดของแบรนด์
• เปลี่ยนขนาดแบบอักษร 12 pt, 14 pt และ 18 pt ที่กำหนดในเอกสารเป็น px เพื่ออำนวยความสะดวกในการเปรียบเทียบระหว่างส่วนหน้าและนักออกแบบ
• เมื่อนำเสนอการออกแบบเว็บ ให้ใส่ CSS รวมขนาดตัวอักษรทั่วไปเข้าด้วยกันด้วยความสามารถ pt ในเอกสารการนำเสนอ
• ในคำอธิบาย UI ของ Android ให้แทนที่ pt หรือ px ในร่างการออกแบบอย่างรวดเร็วด้วยค่าอ้างอิง dp และ sp เพื่ออำนวยความสะดวกในการสื่อสาร
• เมื่อจัดระเบียบข้อกำหนดเฉพาะข้อความของไลบรารีส่วนประกอบ ให้รวมหน่วยขนาดตัวอักษรที่เขียนของปุ่ม ข้อความ ชื่อ และคำบรรยาย
• ผสม px และ pt ที่ใช้ในระบบการออกแบบในอดีต รวมขนาดตัวอักษรให้เป็นชุดเดียวกัน ของตารางเปรียบเทียบเพื่อลดต้นทุนในการย้ายข้อมูล
• เพิ่มคำอธิบายประกอบแบบสองหน่วยลงในเอกสารการทำงานร่วมกันข้ามทีม เพื่อให้การออกแบบ เทอร์มินัลส่วนหน้าและเทอร์มินัลมือถือสามารถเข้าใจขนาดแบบอักษรเดียวกันได้อย่างรวดเร็ว
• เมื่อทำการตรวจสอบด้วยภาพและ QA ให้แปลงและเปรียบเทียบหน่วยต่างๆ อย่างรวดเร็วในคำอธิบายประกอบแบบร่างการออกแบบและสไตล์โค้ด
• เมื่อเตรียมคู่มือแบรนด์ โปสเตอร์งานกิจกรรม หรือเทมเพลตการนำเสนอ ให้รวมกฎขนาดแบบอักษรเป็นขนาดอ้างอิงก่อน การกระจาย
• เตรียมตารางเปรียบเทียบขนาดแบบอักษรแบบรวมสำหรับอีเมล หน้า Landing Page H5 และอินเทอร์เฟซการเขียนคำโฆษณาของแอป
• ในด้านการศึกษาและการฝึกอบรมหรือการแบ่งปันภายใน ให้อธิบายความแตกต่างและความสัมพันธ์ในการแปลงทั่วไปของ pt, px, dp, sp
• แปลงคำอธิบายประกอบขนาดแบบอักษรบนภาพหน้าจออย่างรวดเร็วเป็นหน่วยอื่นที่ทีมงานคุ้นเคยมากกว่าเพื่ออำนวยความสะดวกในการตรวจสอบและแก้ไข
• เมื่อจัดทำเอกสารผลิตภัณฑ์หลายภาษา ให้ใช้ความสามารถการแปลงแบบรวมเพื่อเสริมตัวอย่างขนาดแบบอักษรสำหรับแพลตฟอร์มที่แตกต่างกัน
• ในขั้นตอนการตรวจสอบเบื้องต้นเมื่อไม่มีอุปกรณ์ให้ทดสอบ ขั้นแรกให้ใช้การแปลงแบบคงที่เพื่อระบุอย่างรวดเร็วว่าโดยทั่วไปแล้วระดับขนาดแบบอักษรนั้นสมเหตุสมผลหรือไม่

วิธีการใช้งาน

1. กรอกค่าขนาดแบบอักษรที่ทราบในช่องป้อนข้อมูล โดยรองรับจำนวนเต็มและทศนิยม
2. เลือกหน่วยต้นทางทางด้านซ้าย ตัวเลือก pt, px, dp, sp
3. เลือกหน่วยเป้าหมายทางด้านขวา และผลลัพธ์จะได้รับการอัปเดตทันที คุณสามารถคลิกปุ่มสลับตรงกลางได้เมื่อคุณต้องการดูแบบย้อนกลับ
4. หากคุณต้องการดูทั้งหมดพร้อมกัน ให้ขยายแผงผลลัพธ์เพื่อดูความสอดคล้องที่สมบูรณ์ของค่าใน 4 หน่วยพร้อมกัน

คุณสมบัติ

• หน่วยขนาดฟอนต์/UI ความถี่สูง 4 หน่วยครอบคลุม: pt, px, dp, sp เหมาะสำหรับการเปรียบเทียบอย่างรวดเร็วในระหว่างการออกแบบ การนำเสนอส่วนหน้าและมือถือ
• การแปลงทันทีแบบสองทาง: ผลลัพธ์จะได้รับการอัปเดตทันทีหลังจากป้อนค่า หน่วยต้นทางและหน่วยเป้าหมายสามารถสลับได้อย่างอิสระโดยไม่ต้องคลิกปุ่มการแปลง
• ความโปร่งใสของความสัมพันธ์อ้างอิงคงที่: หน้าปัจจุบันใช้ 1 px = 0.75 pt, 1 pt data เกณฑ์มาตรฐานทั่วไปที่ 1.333 px ช่วยให้สามารถรวมคุณสมบัติเฉพาะและแบบร่างการออกแบบที่เป็นหนึ่งเดียว
• การเปรียบเทียบแบบคงที่ที่ชัดเจนของ dp และ sp: หน้านี้วาง dp และ sp บนไม้บรรทัดอ้างอิงเดียวกันเพื่อการแปลงอย่างรวดเร็ว เหมาะสำหรับการเขียนเอกสาร การสร้างคำอธิบายประกอบ และการสื่อสารข้ามทีม
• สามารถขยายเพื่อดูผลลัพธ์ทั้งหมด: ค่าขนาดตัวอักษรเดียวกันอยู่ในหน่วย pt, px, dp, sp ค่าที่เกี่ยวข้องด้านล่างสามารถแสดงพร้อมกันได้เพื่ออำนวยความสะดวกในการตรวจสอบครั้งเดียว
• เหมาะสำหรับตัวเลขขนาดเล็กและค่ากลาง: ค่าที่ไม่ใช่จำนวนเต็มทั่วไปในการออกแบบ เช่น 13.5 px, 10.5 pt, 14 sp สามารถแปลงได้โดยตรง
• แสดงขอบเขตการแสดงผลอย่างชัดเจน: หน้าจะแยกแยะ "การแปลงแบบคงที่" และ "การแสดงผลอุปกรณ์จริง" เพื่อลดความเสี่ยงในการทำการอ้างอิงผิดพลาด ค่าสำหรับขนาดทางกายภาพสุดท้าย
• การคำนวณภายในเบราว์เซอร์ที่แท้จริง: ไม่มีคำขอเครือข่าย ไม่มีบันทึกเซิร์ฟเวอร์ คำอธิบายประกอบการออกแบบของคุณ ข้อกำหนดส่วนประกอบ และพารามิเตอร์เอกสารการจัดส่งจะไม่ออกจากอุปกรณ์

จะเลือกหน่วยขนาดตัวอักษรได้อย่างไร

มันยังเกี่ยวกับการเขียน "ขนาดตัวอักษรใหญ่แค่ไหน" และหน่วยที่แตกต่างกันก็เหมาะสำหรับสถานการณ์ที่แตกต่างกัน ก่อนอื่นให้พิจารณาว่าคุณกำลังเขียนแบบร่างการออกแบบ สไตล์เว็บ หรือข้อกำหนดของ Android

Best Practices

คำถามที่พบบ่อย

อภิธานศัพท์

Point (pt)

หน่วยขนาดแบบอักษรในการเรียงพิมพ์แบบคลาสสิก ที่ใช้กันทั่วไปใน Word, PPT, PDF, ข้อมูลจำเพาะของแบรนด์ และเอกสารคำอธิบายแบบอักษร

Pixel (px)

หนึ่งในหน่วยอินเทอร์เฟซที่พบบ่อยที่สุดในหน้าเว็บและแบบร่างการออกแบบ ใน CSS นั้นใกล้กับพิกเซลอ้างอิงมากกว่าพิกเซลทางกายภาพสัมบูรณ์

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

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

พิกเซลการปรับขนาดแบบอักษร (sp)

หน่วยทั่วไปในบริบทข้อความ Android ซึ่งมักจะพิจารณาถึงขนาดแบบอักษรของระบบ ซึ่งเหมาะสำหรับการแสดงขนาดข้อความ

พิกเซลอ้างอิง CSS

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

ความหนาแน่นของพิกเซลของอุปกรณ์

จำนวนพิกเซลทางกายภาพที่มีต่อความยาวหน่วยของหน้าจอจะส่งผลต่อเอฟเฟกต์การแสดงผลจริงของหน่วยลอจิคัลเดียวกันบนอุปกรณ์ที่แตกต่างกัน

การปรับขนาดแบบอักษร

การตั้งค่าการปรับขนาดเพิ่มเติมสำหรับขนาดข้อความที่ระบบปฏิบัติการหรือระดับแอปพลิเคชันจะส่งผลต่อผลลัพธ์การแสดงผลจริง

การแปลงการอ้างอิงแบบคงที่

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

ตรวจสอบจุดยึดการแปลงขนาดแบบอักษรทั่วไปอย่างรวดเร็ว

ค่าเปรียบเทียบเหล่านี้มักใช้ในร่างการออกแบบ, CSS และการจัดส่งเอกสาร

เลือกหน่วยขนาดตัวอักษรตามฉาก

ค่าขนาดฟอนต์เดียวกันจะถูกเขียนในหน่วยที่แตกต่างกัน และให้บริการออบเจ็กต์การทำงานร่วมกันที่แตกต่างกัน

Privacy & Security

การแปลงขนาดตัวอักษรทั้งหมดในหน้านี้เสร็จสมบูรณ์ในเบราว์เซอร์ของคุณ คำอธิบายประกอบการออกแบบ ข้อมูลจำเพาะแบบอักษร เอกสารส่วนประกอบ และพารามิเตอร์การจัดส่งที่คุณป้อนจะไม่มีวันออกจากอุปกรณ์ของคุณ ไม่มีคำขอเครือข่าย ไม่มีบันทึกของเซิร์ฟเวอร์ และรายการของคุณจะถูกล้างเมื่อคุณปิดหน้า สำหรับระบบการออกแบบภายในและข้อกำหนดที่ไม่ได้เผยแพร่ หน้านี้ไม่ได้รวบรวมหรือจัดเก็บเนื้อหาใดๆ