مبدل em به پیکسل

درباره این ابزار

em یکای طول نسبی CSS وابسته به اندازهٔ قلم است: ۱em همیشه برابر اندازهٔ قلم فعلی عنصری است که به آن اعمال شده (یا، وقتی برای خود اندازهٔ قلم به کار رود، اندازهٔ قلم عنصر والد). مرورگرها اندازهٔ قلم ریشه را به‌طور پیش‌فرض ۱۶ px می‌گذارند، پس در تنظیم پیش‌فرض ۱em = ۱۶ px و در حالت کلی px = em × اندازهٔ قلم پایه — تیتری که روی پایهٔ ۱۶ px با ۲em تنظیم شود در ۳۲ px رندر می‌شود، اما همان ۲em روی پایهٔ ۱۸ px در ۳۶ px رندر می‌شود.

چون em با اندازهٔ قلم کاربر یا عنصر والد مقیاس می‌گیرد، یکایی است که توسعه‌دهندگان CSS در حروف‌نگاری واکنش‌گرا و در دسترس سراغش می‌روند — ارتفاع خط، حاشیه‌ها و اندازهٔ قلمی که باید وقتی کسی تنظیم اندازهٔ متن مرورگرش را بالا می‌برد بزرگ شوند. تبدیل میان em و پیکسل گامی روتین هنگام ترجمهٔ ماکت طراحی مبتنی بر پیکسل (Figma، Sketch) به CSS مقیاس‌پذیر و در دسترس است.