ตัวแปลง em เป็นพิกเซล

เกี่ยวกับเครื่องคำนวณนี้

em เป็นหน่วยความยาวสัมพัทธ์ของ CSS ที่ผูกกับขนาดตัวอักษร: 1em เท่ากับ font-size ปัจจุบันขององค์ประกอบที่ใช้เสมอ (หรือเมื่อใช้กับ font-size เอง จะเท่ากับ font-size ขององค์ประกอบแม่) เบราว์เซอร์ตั้ง font-size รากเริ่มต้นไว้ที่ 16px ดังนั้นที่การตั้งค่าเริ่มต้น 1em = 16px และโดยทั่วไป px = em × font-size ฐาน — หัวข้อที่ตั้งไว้ 2em บนฐาน 16px จะแสดงที่ 32px แต่ 2em เดียวกันบนฐาน 18px จะแสดงที่ 36px

เนื่องจาก em ปรับตามขนาด font-size ของผู้ใช้หรือขององค์ประกอบแม่ จึงเป็นหน่วยที่นักพัฒนา CSS เลือกใช้ในงานตัวอักษรแบบตอบสนองและเข้าถึงได้ — line-height ระยะขอบ และ font-size ที่ควรขยายตามเมื่อมีคนปรับการตั้งค่าขนาดข้อความของเบราว์เซอร์ การแปลงระหว่าง em และพิกเซลเป็นขั้นตอนประจำเมื่อแปลงแบบจำลองดีไซน์ที่อิงพิกเซล (Figma, Sketch) เป็น CSS ที่ปรับขนาดได้และเข้าถึงได้