การแปลงหน่วยขนาดฟอนต์
หน่วยตัวพิมพ์
เครื่องมือแปลงหน่วยขนาดแบบอักษรออนไลน์ฟรีที่รองรับการแปลงแบบเรียลไทม์แบบสองทางของหน่วยการเรียงพิมพ์/UI ที่ใช้กันทั่วไป 4 หน่วย: pt, px, dp และ sp หน้าปัจจุบันใช้ความสัมพันธ์อ้างอิงแบบคงที่: 1 px = 0.75 pt, 1 pt γ 1.333 px ในเวลาเดียวกัน ในเครื่องมือนี้ dp และ sp จะถูกแมปกับ pt ตามเกณฑ์การอ้างอิงเดียวกัน ซึ่งอำนวยความสะดวกในการเปรียบเทียบแบบคงที่อย่างรวดเร็วระหว่างแบบร่างการออกแบบ คำอธิบายเว็บ/CSS และคำอธิบายประกอบ Android UI โปรดทราบว่าหน้านี้ไม่ได้อ่านการปรับขนาดเบราว์เซอร์ ความหนาแน่นของพิกเซลของอุปกรณ์ การปรับขนาดแบบอักษร Android หรือขนาดการพิมพ์จริง ดังนั้นจึงเหมาะสำหรับการเปรียบเทียบข้อมูลจำเพาะและการรวมเอกสารมากกว่าการแทนที่การทดสอบการแสดงผลอุปกรณ์จริง การคำนวณทั้งหมดเสร็จสิ้นภายในเบราว์เซอร์ และข้อมูลจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์
คำแนะนำที่เกี่ยวข้อง
Length Converter
เมื่อคุณต้องการความยาวจริง เช่น มม. ซม. และนิ้ว คุณควรเปลี่ยนไปใช้การประมวลผลหน่วยความยาว
เครื่องมือแปลงพื้นที่
เมื่อประมาณพื้นที่ของหน้า พื้นที่กระดาษ หรือเค้าโครงการพิมพ์ คุณมักจะจำเป็นต้องประมวลผลขนาดพื้นที่ต่อไป
เครื่องมือแปลงหน่วย
คุณสามารถสลับได้ โดยตรงเมื่อคุณต้องการดำเนินการประมวลผลความยาวหรือหน่วยสนับสนุนอื่นๆ ต่อไป
เกี่ยวกับความสามารถในการแปลงแบบคงที่ของ pt, px, dp, sp
pt (จุด) เป็นหน่วยขนาดตัวอักษรทั่วไปในบริบทการเรียงพิมพ์แบบคลาสสิก เครื่องมือแก้ไขเอกสาร ซอฟต์แวร์การนำเสนอ คู่มือแบรนด์ และข้อกำหนดแบบอักษรจำนวนมากชอบใช้ pt เพื่อแสดงขนาดตัวอักษร px (พิกเซล) มักใช้ในหน้าเว็บ แบบร่างการออกแบบ และคำอธิบายประกอบ CSS โดยเน้นขนาดอ้างอิงในบริบทของหน้าจอและอินเทอร์เฟซ
โปรดทราบว่า px ใน CSS ไม่ได้เท่ากับพิกเซลทางกายภาพบนอุปกรณ์เสมอไป แต่จะอยู่ใกล้กับ "พิกเซลอ้างอิง" มากกว่า ดังนั้น 16 พิกเซลบนภาพวาดการออกแบบ 16 พิกเซลในรูปแบบหน้าเว็บ และขนาดภาพสุดท้ายที่แสดงบนหน้าจอมือถือจะยังคงได้รับผลกระทบจากการปรับขนาด ความหนาแน่น และการใช้งานแพลตฟอร์ม
dp และ sp นั้นพบได้บ่อยในบริบทอินเทอร์เฟซของ Android โดยทั่วไปแล้ว dp จะมีอคติกับขนาดเค้าโครงอินเทอร์เฟซมากกว่า ในขณะที่ sp จะมีอคติกับขนาดตัวอักษรมากกว่า และจะพิจารณาการปรับขนาดแบบอักษรของระบบ อย่างไรก็ตาม หน้านี้ไม่ใช่โปรแกรมจำลองรันไทม์ มันจะไม่อ่านความหนาแน่นหรือขนาดตัวอักษรของโทรศัพท์มือถือบางรุ่น มันแค่วางหน่วยเหล่านี้บนไม้บรรทัดอ้างอิงแบบรวมสำหรับการเปรียบเทียบแบบคงที่
ปัจจุบันหน้านี้ใช้ความสัมพันธ์อ้างอิงแบบคงที่: 1 px = 0.75 pt, 1 pt µs 1.333 px และแมป dp และ sp กับ datum อ้างอิงเดียวกัน ซึ่งอำนวยความสะดวกในการรวมร่างการออกแบบ เอกสารข้อกำหนด และการสื่อสารแบบ cross-end เข้าด้วยกันอย่างรวดเร็ว จะช่วยแก้ปัญหา "วิธีการเปรียบเทียบและเขียนเอกสาร" ไม่ใช่ปัญหา "ขนาดการแสดงผลสุดท้ายบนอุปกรณ์จะต้องใหญ่แค่ไหน"
หากเป้าหมายการทำงานของคุณคือขนาดการพิมพ์จริง ความแม่นยำของมิลลิเมตรกระดาษ ระบบ rem/em ของเบราว์เซอร์ หรือการตรวจสอบการปรับขนาดแบบอักษรของเครื่องจริงของ Android คุณควรใช้เครื่องมือความยาวที่เกี่ยวข้อง ซอฟต์แวร์การออกแบบ หรือการทดสอบอุปกรณ์จริงแทน หน้านี้เหมาะกว่าสำหรับการร่างข้อกำหนด การตรวจสอบเบื้องต้น และเอกสารการจัดส่ง
กรณีการใช้งาน
- เปลี่ยนขนาดแบบอักษร 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
- แปลงคำอธิบายประกอบขนาดแบบอักษรบนภาพหน้าจออย่างรวดเร็วเป็นหน่วยอื่นที่ทีมงานคุ้นเคยมากกว่าเพื่ออำนวยความสะดวกในการตรวจสอบและแก้ไข
- เมื่อจัดทำเอกสารผลิตภัณฑ์หลายภาษา ให้ใช้ความสามารถการแปลงแบบรวมเพื่อเสริมตัวอย่างขนาดแบบอักษรสำหรับแพลตฟอร์มที่แตกต่างกัน
- ในขั้นตอนการตรวจสอบเบื้องต้นเมื่อไม่มีอุปกรณ์ให้ทดสอบ ขั้นแรกให้ใช้การแปลงแบบคงที่เพื่อระบุอย่างรวดเร็วว่าโดยทั่วไปแล้วระดับขนาดแบบอักษรนั้นสมเหตุสมผลหรือไม่
วิธีการใช้งาน
- กรอกค่าขนาดแบบอักษรที่ทราบในช่องป้อนข้อมูล โดยรองรับจำนวนเต็มและทศนิยม
- เลือกหน่วยต้นทางทางด้านซ้าย ตัวเลือก pt, px, dp, sp
- เลือกหน่วยเป้าหมายทางด้านขวา และผลลัพธ์จะได้รับการอัปเดตทันที คุณสามารถคลิกปุ่มสลับตรงกลางได้เมื่อคุณต้องการดูแบบย้อนกลับ
- หากคุณต้องการดูทั้งหมดพร้อมกัน ให้ขยายแผงผลลัพธ์เพื่อดูความสอดคล้องที่สมบูรณ์ของค่าใน 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
| หน่วย | สถานการณ์ที่พบบ่อยที่สุด | ข้อดี | หมายเหตุ | หน้านี้สนับสนุน |
|---|---|---|---|---|
| pt | Word, PPT, PDF, ข้อมูลจำเพาะของแบรนด์, เอกสารแบบอักษร | พบบ่อยที่สุดในการเรียงพิมพ์และบริบทของเอกสาร ง่ายต่อการ จัดให้สอดคล้องกับคำแนะนำแบบอักษร | เมื่อสลับไปใช้บริบทของหน้าจอ วิธีที่ดีที่สุดคือเพิ่มคอลัมน์การเปรียบเทียบ px | รองรับ |
| px | หน้าเว็บ แบบร่างการออกแบบ คำอธิบายประกอบ CSS แบบร่างอินเทอร์เฟซ | การสื่อสารระหว่างการออกแบบและส่วนหน้าเป็นการสื่อสารที่ตรงที่สุด และพบบ่อยที่สุดในการใช้งาน | ไม่ใช่พิกเซลทางกายภาพที่สมบูรณ์ เบราว์เซอร์และอุปกรณ์จะส่งผลต่อการแสดงผลขั้นสุดท้าย | การสนับสนุน |
| dp | เค้าโครง Android และคำอธิบายประกอบอินเทอร์เฟซ | เหมาะสำหรับขนาดตรรกะคำอธิบายอุปกรณ์ที่มีความหนาแน่นหลายระดับ | หน้านี้ไม่ได้จำลองความหนาแน่นของอุปกรณ์จริง มีเพียงการแปลงอ้างอิงแบบคงที่เท่านั้น | การสนับสนุน |
| sp | คำอธิบายประกอบขนาดข้อความ Android | เหมาะสำหรับบริบทข้อความและง่ายต่อการสื่อสารกับทีมมือถือ | การแสดงผลจริงจะได้รับผลกระทบจากการปรับขนาดแบบอักษรของระบบ | การสนับสนุน |
| em / rem / mm / in | หน่วยสัมพันธ์ของเว็บหรือขนาดการพิมพ์จริง | เหมาะสำหรับระบบการออกแบบและการใช้งานเฉพาะ | ไม่อยู่ในช่วงการสนับสนุนของหน้าปัจจุบัน และจำเป็นต้องใช้เครื่องมือหรือเกณฑ์มาตรฐานอื่นๆ | ไม่รองรับ |
Best Practices
ขั้นแรกให้ตกลงเกี่ยวกับเกณฑ์มาตรฐานแบบรวมสำหรับทีม จากนั้นจึงเปรียบเทียบข้ามหน่วย
หากการออกแบบ ส่วนหน้า และเทอร์มินัลมือถือไม่ได้อธิบายเกณฑ์มาตรฐานการแปลงอย่างชัดเจนก่อน ก็เป็นเรื่องง่ายสำหรับ 16 เดียวกันที่จะเข้าใจว่าเป็นขนาดภาพที่แตกต่างกัน การรวมลำกล้องเข้าด้วยกันก่อนจะมีเสถียรภาพมากกว่า จากนั้นจึงใช้หน้านี้เพื่อเสริมการติดฉลากหน่วยคู่
ให้ถือว่าผลลัพธ์ของหน้านี้เป็นเพียงค่าอ้างอิงในการจัดส่ง ไม่ใช่ผลลัพธ์ของการเรนเดอร์ขั้นสุดท้าย
หน้านี้เหมาะสำหรับการเปรียบเทียบแบบคงที่ของแบบร่างการออกแบบ เอกสาร และข้อกำหนด แต่การปรับขนาดเบราว์เซอร์ ความหนาแน่นของอุปกรณ์ และการตั้งค่าแบบอักษรของระบบอาจทำให้การแสดงผลจริงแตกต่างออกไปเล็กน้อย การตรวจสอบด้วยภาพควรทำในสภาพแวดล้อมเป้าหมายก่อนที่จะออนไลน์
สลับไปใช้หน่วยความยาวและซอฟต์แวร์เรียงพิมพ์จริงเมื่อต้องใช้ขนาดทางกายภาพ
หากเป้าหมายของคุณคือการยืนยันขนาดกระดาษจริง ความแม่นยำระดับมิลลิเมตรของผลิตภัณฑ์ที่พิมพ์ หรือขนาดทางกายภาพของ PDF ที่ส่งออก อย่าเพียงแค่ดูที่ผลลัพธ์การแปลงคงที่ของ pt/px/dp/sp
ข้อความ Android คำนึงถึงการปรับขนาดแบบอักษรของระบบ
sp ประสิทธิภาพบนอุปกรณ์จริงจะได้รับผลกระทบจากการปรับขนาดแบบอักษรของระบบ หน้านี้ให้เฉพาะค่าอ้างอิงแบบคงที่เท่านั้น เมื่อพูดถึงการเข้าถึงและการปรับเปลี่ยนหลายอุปกรณ์ คุณต้องทดสอบบนอุปกรณ์จริง
เว็บ หากคุณใช้ rem หรือ em จริง ๆ ก่อนอื่นให้ชี้แจงขนาดฟอนต์รูท
หน้านี้ไม่ได้เปลี่ยน rem/em โดยตรง แต่คุณยังสามารถคืนค่า rem/em เป็น px ตามขนาดฟอนต์รูทของโปรเจ็กต์ จากนั้นเปรียบเทียบกับ pt หรือคำอธิบายประกอบการออกแบบ กุญแจสำคัญคือการทำให้บริบทชัดเจนก่อน
พยายามรักษาทั้งหน่วยดั้งเดิมและผลลัพธ์การแปลงเมื่อส่งมอบ
ตัวอย่างเช่น การเขียนเป็น 16 px / 12 pt หรือ 14 sp / 14 pt จะทำให้ผู้รับเข้าใจความตั้งใจเดิมของคุณได้อย่างรวดเร็ว และอำนวยความสะดวกในการติดตามย้อนกลับในภายหลัง
คำถามที่พบบ่อย
ตัวแปลงหน่วยขนาดแบบอักษรนี้รองรับหน่วยใดบ้าง
ปัจจุบันหน้านี้รองรับ 4 หน่วย: pt, px, dp, sp เหมาะสำหรับการเปรียบเทียบตัวเลขแบบคงที่ในแบบร่างการออกแบบ ขนาดแบบอักษร CSS คำอธิบายประกอบ Android UI และเอกสารส่วนประกอบ หน้าปัจจุบันไม่รองรับหน่วยการเรียงพิมพ์/ความยาวอื่นๆ เช่น em, rem, mm, cm, in หรือ pc
1 pt เท่ากับกี่ px? 16 px เท่ากับกี่ pt?
ตามความสัมพันธ์อ้างอิงคงที่ที่นำมาใช้ในหน้านี้ในปัจจุบัน 1 pt ความเข้มข้น 1.333 px, 1 px = 0.75 pt ดังนั้น 16 พิกเซล = 12 พอยต์, 12 พอยต์ = 16 พิกเซล, 18 พิกเซล = 13.5 พอยต์ ความสามารถนี้เหมาะมากสำหรับการตรวจสอบข้ามอย่างรวดเร็วระหว่างแบบร่างการออกแบบเว็บและเอกสารการนำเสนอ
อะไรคือความแตกต่างระหว่าง px และ pt?
pt (point) ให้ความสำคัญกับการเรียงพิมพ์และบริบทของเอกสารมากกว่า และในอดีตมักจะปรากฏพร้อมกับการพิมพ์และขนาดตัวอักษร px (พิกเซล) เน้นไปที่หน้าจอและบริบท CSS มากกว่า และมักใช้ในหน้าเว็บและคำอธิบายประกอบแบบร่างการออกแบบ ทั้งสองสามารถใช้เพื่ออธิบายขนาดแบบอักษรได้ แต่สภาพแวดล้อมการใช้งานแตกต่างกัน ดังนั้นหลายทีมจึงจำเป็นต้องทำการเปรียบเทียบการแปลงระหว่าง px และ pt เมื่อนำเสนอการออกแบบ
ความแตกต่างระหว่าง dp และ sp คืออะไร?
dp มักจะใช้สำหรับการแสดงออกขนาดอินเทอร์เฟซใน Android ที่เกี่ยวข้องกับความหนาแน่น แต่ไม่เป็นไปตามขนาดตัวอักษร และมักจะใช้สำหรับการแสดงออกขนาดข้อความที่จะเป็นไปตามขนาดตัวอักษร ควรสังเกตว่าเพื่อวัตถุประสงค์ในการเปรียบเทียบข้อกำหนดแบบคงที่ หน้านี้ไม่ได้อ่านความหนาแน่นของอุปกรณ์จริงหรือการปรับขนาดแบบอักษรของระบบ แต่วางไว้บนพื้นฐานการอ้างอิงแบบรวมสำหรับการแปลงเชิงเส้น
เหตุใดค่าที่สลับออกจากเพจอาจไม่เหมือนกับจอแสดงผลของอุปกรณ์จริงทุกประการ
เนื่องจากเอฟเฟกต์การแสดงผลจริงจะได้รับผลกระทบจากการปรับขนาดเบราว์เซอร์ ความหนาแน่นของพิกเซลของอุปกรณ์ ขนาดแบบอักษรรูท การปรับขนาดแบบอักษรของระบบ กลยุทธ์การแสดงผลแพลตฟอร์ม และกฎการส่งออกซอฟต์แวร์การออกแบบ เป้าหมายของหน้านี้คือการรวมคาลิเบอร์แบบคงที่เข้าด้วยกัน ไม่ใช่เพื่อจำลองผลลัพธ์การเรนเดอร์ของอุปกรณ์จริง ดังนั้นก่อนที่จะถ่ายทอดสดในที่สุด คุณควรทำการตรวจสอบด้วยภาพจริงบนเบราว์เซอร์เป้าหมายหรืออุปกรณ์เป้าหมาย
เหตุใดความสัมพันธ์ระหว่าง dp, sp และ pt ในเครื่องมือนี้จึงใกล้เคียงกัน
เนื่องจากหน้าปัจจุบันใช้ความสามารถในการแปลงแบบคงที่ภายใต้ไม้บรรทัดอ้างอิงแบบรวม ซึ่งช่วยให้คุณสามารถเปรียบเทียบหน่วยต่างๆ ในเอกสาร แบบร่างการออกแบบ และข้อกำหนดได้อย่างรวดเร็ว แทนที่จะอ่านสภาพแวดล้อมการเรนเดอร์แบบเรียลไทม์ของอุปกรณ์บางอย่าง คุณสามารถมองสิ่งนี้ว่าเป็น "ค่าอ้างอิง Conversion ตามที่ส่งมอบ" แทนที่จะเป็นเครื่องคำนวณพิกเซลจริงในรันไทม์ของ Android
สามารถแลกเปลี่ยนเป็น rem, em, mm, cm หรือนิ้วได้หรือไม่?
ยังไม่มีในขณะนี้ ช่วงที่สนับสนุนจริงของหน้านี้มีเพียงสี่หน่วย: pt, px, dp และ sp หากคุณต้องการหน่วยสัมพัทธ์ เช่น rem และ em หรือหน่วยความยาวทางกายภาพ เช่น mm, cm และ in คุณควรใช้พื้นฐานการออกแบบที่เกี่ยวข้องหรือเครื่องมือความยาวอื่นๆ เพื่อจัดการแยกกัน
หน้านี้เหมาะสำหรับการพิมพ์จริงหรือการคำนวณขนาดการพิมพ์หรือไม่
ไม่เหมาะสำหรับการแทนที่การคำนวณขนาดการพิมพ์จริงโดยตรง เนื่องจากขณะนี้เพจนี้ไม่มีหน่วยความยาวทางกายภาพ เช่น มม. ซม. และนิ้ว และไม่ได้จัดการ DPI ของเครื่องพิมพ์ สื่อเอาท์พุต และกฎเค้าโครงเอกสาร หากคุณต้องการยืนยันขนาดกระดาษจริง คุณควรใช้หน่วยความยาวและซอฟต์แวร์การเรียงพิมพ์จริงสำหรับการตรวจสอบขั้นสุดท้ายแทน
ฉันสามารถป้อนค่าทศนิยมเช่น 13.5 px ได้หรือไม่
ได้ ค่าที่ไม่ใช่จำนวนเต็ม เช่น 10.5 pt, 13.5 px และ 14 sp มักใช้ในระบบการออกแบบและสถานการณ์การปรับแต่งอินเทอร์เฟซอย่างละเอียด หน้านี้สามารถเปลี่ยนได้โดยตรง ซึ่งจะทำให้สะดวกยิ่งขึ้นเมื่อนำเสนอข้อกำหนดส่วนประกอบ จัดระเบียบเอกสารคำอธิบายประกอบ และทำการเปรียบเทียบแบบหลายจุด
ฉันควรใช้เครื่องมือนี้อย่างไรเมื่อนำเสนอการออกแบบ
แนวทางที่ปลอดภัยกว่าคือการรักษาหน่วยการออกแบบดั้งเดิมไว้ จากนั้นใช้หน้านี้เพื่อกรอกคอลัมน์ของค่าอ้างอิงที่แปลงแล้ว ตัวอย่างเช่น หากแบบร่างการออกแบบเขียนที่ 16 px คุณสามารถเขียนที่ 16 px / 12 pt สำหรับทีมงานส่วนหน้าหรือเอกสารประกอบได้ ตราบใดที่ทีมตกลงบนพื้นฐานการแปลงเดียวกันก่อน ค่าใช้จ่ายในการสื่อสารก็จะลดลงมาก
หน้านี้สามารถใช้แบบออฟไลน์ได้หรือไม่? ข้อมูลจะถูกอัปโหลดหรือไม่
ใช่ หลังจากโหลดเพจแล้ว การแปลงขนาดฟอนต์ทั้งหมดจะดำเนินการภายในเบราว์เซอร์ โดยไม่มีคำขอเครือข่าย ไม่มีบันทึกของเซิร์ฟเวอร์ และไม่มีการส่งแบบฟอร์ม ข้อกำหนดการออกแบบ คำอธิบายประกอบส่วนประกอบ และพารามิเตอร์เอกสารการจัดส่งของคุณจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์ และอินพุตจะถูกล้างหลังจากปิดหน้า
อภิธานศัพท์
- Point (pt)
- หน่วยขนาดแบบอักษรในการเรียงพิมพ์แบบคลาสสิก ที่ใช้กันทั่วไปใน Word, PPT, PDF, ข้อมูลจำเพาะของแบรนด์ และเอกสารคำอธิบายแบบอักษร
- Pixel (px)
- หนึ่งในหน่วยอินเทอร์เฟซที่พบบ่อยที่สุดในหน้าเว็บและแบบร่างการออกแบบ ใน CSS นั้นใกล้กับพิกเซลอ้างอิงมากกว่าพิกเซลทางกายภาพสัมบูรณ์
- พิกเซลที่ไม่ขึ้นกับความหนาแน่น (dp)
- หน่วยขนาดลอจิคัลทั่วไปในบริบทของ Android ใช้เพื่อรักษาขนาดอินเทอร์เฟซที่ค่อนข้างสม่ำเสมอบนอุปกรณ์ที่มีความหนาแน่นต่างกัน
- พิกเซลการปรับขนาดแบบอักษร (sp)
- หน่วยทั่วไปในบริบทข้อความ Android ซึ่งมักจะพิจารณาถึงขนาดแบบอักษรของระบบ ซึ่งเหมาะสำหรับการแสดงขนาดข้อความ
- พิกเซลอ้างอิง CSS
- แนวคิดเรื่องความยาวอ้างอิงที่ใช้ในเลย์เอาต์ของเบราว์เซอร์ไม่จำเป็นต้องเท่ากับพิกเซลจริงบนหน้าจอ
- ความหนาแน่นของพิกเซลของอุปกรณ์
- จำนวนพิกเซลทางกายภาพที่มีต่อความยาวหน่วยของหน้าจอจะส่งผลต่อเอฟเฟกต์การแสดงผลจริงของหน่วยลอจิคัลเดียวกันบนอุปกรณ์ที่แตกต่างกัน
- การปรับขนาดแบบอักษร
- การตั้งค่าการปรับขนาดเพิ่มเติมสำหรับขนาดข้อความที่ระบบปฏิบัติการหรือระดับแอปพลิเคชันจะส่งผลต่อผลลัพธ์การแสดงผลจริง
- การแปลงการอ้างอิงแบบคงที่
- ทำการแปลงเชิงเส้นแบบคงที่ภายใต้เกณฑ์มาตรฐานแบบรวม ซึ่งเหมาะสำหรับการเปรียบเทียบระหว่างเอกสารและการส่งมอบการออกแบบ แต่ไม่เทียบเท่ากับการจำลองการแสดงผลอุปกรณ์จริง
ตรวจสอบจุดยึดการแปลงขนาดแบบอักษรทั่วไปอย่างรวดเร็ว
ค่าเปรียบเทียบเหล่านี้มักใช้ในร่างการออกแบบ, CSS และการจัดส่งเอกสาร
| จุด | พิกเซล | dp (ความสามารถของหน้านี้) | sp (ความสามารถของหน้านี้) | สถานการณ์ทั่วไป |
|---|---|---|---|---|
| 9แต้ม | 12px | 9dp | 9sp | ข้อมูลเสริมขั้นต่ำ คำอธิบายรองของตาราง |
| 10.5แต้ม | 14px | 10.5dp | 10.5sp | ข้อความขนาดเล็ก ข้อความคำอธิบาย |
| 12แต้ม | 16px | 12dp | 12sp | เนื้อความหรือข้อความแบบฟอร์มทั่วไป |
| 13.5แต้ม | 18px | 13.5dp | 13.5sp | เน้นข้อความและชื่อการ์ด |
| 18แต้ม | 24 พิกเซล | 18dp | 18สป | ข้อมูลหัวเรื่องใหญ่หรือคีย์หน้า |
| 24แต้ม | 32 พิกเซล | 24dp | 24sp | ชื่อปก, ชื่อฮีโร่ |
เลือกหน่วยขนาดตัวอักษรตามฉาก
ค่าขนาดฟอนต์เดียวกันจะถูกเขียนในหน่วยที่แตกต่างกัน และให้บริการออบเจ็กต์การทำงานร่วมกันที่แตกต่างกัน
| สถานการณ์ | หน่วยที่เหมาะสมกว่า | เหตุผล |
|---|---|---|
| PPT, Word, คู่มือแบรนด์, ข้อกำหนด PDF | pt | เป็นธรรมชาติที่สุดในบริบทของเอกสารและการเรียงพิมพ์ และง่ายที่สุดในการปรับให้สอดคล้องกับข้อกำหนดแบบอักษร |
| สไตล์หน้าเว็บ, ร่างการออกแบบ, การนำส่ง Figma/CSS | px | ต้นทุนการสื่อสารที่ต่ำที่สุดระหว่างการออกแบบและการใช้งานส่วนหน้า |
| คำอธิบายขนาดเค้าโครง Android | dp | ใกล้เคียงกับบริบทขนาดตรรกะของ Android มากขึ้น |
| คำอธิบายขนาดข้อความ Android | sp | ใกล้เคียงกับบริบทของคำอธิบายประกอบแบบอักษรบนมือถือมากกว่า แต่ท้ายที่สุดก็ยังคงขึ้นอยู่กับเครื่องจริง การปรับขนาด |
| เอกสารการจัดส่งข้ามทีม | รักษาหน่วยดั้งเดิมและเพิ่มคอลัมน์ของมูลค่าการแปลง | สามารถคำนึงถึงพฤติกรรมการอ่านของการออกแบบ ส่วนหน้าและเทอร์มินัลมือถือ |
Privacy & Security
การแปลงขนาดตัวอักษรทั้งหมดในหน้านี้เสร็จสมบูรณ์ในเบราว์เซอร์ของคุณ คำอธิบายประกอบการออกแบบ ข้อมูลจำเพาะแบบอักษร เอกสารส่วนประกอบ และพารามิเตอร์การจัดส่งที่คุณป้อนจะไม่มีวันออกจากอุปกรณ์ของคุณ ไม่มีคำขอเครือข่าย ไม่มีบันทึกของเซิร์ฟเวอร์ และรายการของคุณจะถูกล้างเมื่อคุณปิดหน้า สำหรับระบบการออกแบบภายในและข้อกำหนดที่ไม่ได้เผยแพร่ หน้านี้ไม่ได้รวบรวมหรือจัดเก็บเนื้อหาใดๆ
- Length Converter
- แปลงหน่วยมวล
- เครื่องมือแปลงพื้นที่
- ตัวแปลงระดับเสียง
- การแปลงเวลา
- เครื่องมือแปลงหน่วยความเร็ว
- เครื่องแปลงเบอร์สายไฟ / เลือกขนาดสายไฟ
- ตัวแปลงหน่วยแรง
- การแปลงแรงดัน
- ตัวแปลงหน่วยพลังงาน
- เครื่องแปลงไฟ
- แปลงหน่วยความหนาแน่น
- การแปลงแรงบิด
- แปลงหน่วยอุณหภูมิ
- เครื่องมือแปลงหน่วยมุม
- แปลงสกุลเงิน
- เครื่องมือแปลงหน่วยความจุเก็บข้อมูล
- ตัวแปลงหน่วยความถี่
- การแปลงหน่วยแรงดันไฟฟ้า
- แปลงหน่วยกระแสไฟฟ้า
- ตัวแปลงหน่วยความต้านทาน
- ตัวแปลงหน่วยความจุไฟฟ้า
- แปลงหน่วยอินดักแตนซ์
- แปลงหน่วยประจุไฟฟ้า
- แปลงหน่วยความเข้มข้น
- แปลงหน่วยความส่องสว่าง
- การแปลงลูเมนเป็นแคนเดลา
- เครื่องคำนวณแปลงหน่วยอัตราการไหล
- แปลงอัตราการถ่ายโอนข้อมูล
- Blood Sugar Converter
- ตัวแปลงความแข็ง
- การแปลงปริมาณรังสี
- เครื่องแปลงหน่วยกัมมันตภาพรังสี
- ตัวแปลงความหนืด
- ตัวแปลงความแตกต่างของอุณหภูมิ
- การแปลงหน่วยขนาดฟอนต์
- เครื่องมือแปลงหน่วย