เครื่องมือแปลงไฟล์ PX เป็น REM

หน่วย Rem ช่วยให้เข้าถึงเลย์เอาต์ได้ — โดยจะปรับขนาดตามการตั้งค่าขนาดตัวอักษรของผู้ใช้ — แต่ไม่มีใครอยากหารด้วย 16 ในหัวตลอดทั้งวัน ตัวแปลงนี้ใช้การคำนวณแบบสด: เลือกทิศทาง (px → rem, rem → px หรือ px → em) พิมพ์ค่า และผลลัพธ์จะปรากฏขึ้นทันทีพร้อมกับบรรทัด CSS ที่พร้อมสำหรับการคัดลอก เช่น ขนาดตัวอักษร: 0.875rem

ช่องขนาดตัวอักษรพื้นฐานทำให้เครื่องมือนี้เหมาะกับทุกโครงการ ค่าเริ่มต้นของเบราว์เซอร์คือ 16px ดังนั้น 1rem จึงเท่ากับ 16px ทันที แต่โค้ดเบสจำนวนมากตั้งค่า html { font-size: 62.5% } เพื่อให้ 1rem เท่ากับ 10px — ป้อน 10 เป็นฐาน จากนั้นทุกการแปลงและแถวของตารางจะตามมา ทิศทาง px → em ใช้คณิตศาสตร์เดียวกันกับขนาดตัวอักษรขององค์ประกอบหลักแทนที่จะเป็นรูท ซึ่งก็คือความแตกต่างระหว่าง em และ rem ใน CSS

ด้านล่างผลลัพธ์ ตารางอ้างอิงจะแสดงขนาดการออกแบบที่พบบ่อยที่สุด ได้แก่ 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 และ 64 พิกเซล ซึ่งแปลงแล้วที่ฐานปัจจุบันของคุณ โดยแถวที่ตรงกับฐานถูกไฮไลท์ไว้ เป็นเอกสารสรุปที่คุณจะติดเทปไว้บนจอภาพของคุณ โดยจะซิงค์กับฐานที่คุณใช้จริงเสมอ

ทุกอย่างจะเกิดขึ้นภายในเบราว์เซอร์ของคุณในขณะที่คุณพิมพ์: ไม่ต้องอัปโหลด ไม่ต้องลงทะเบียน ไม่ต้องใช้เซิร์ฟเวอร์ไปกลับ หน้าที่กำหนดไว้ล่วงหน้าสำหรับ rem → px, px → em, ฐาน 10px และค่ายอดนิยมเช่น 14, 24 และ 32 px เปิดตัวแปลงที่กำหนดค่าไว้พร้อมสำหรับคำถามที่แน่นอนเหล่านั้น