محول em إلى البكسل

حول هذه الأداة

وحدة em هي وحدة طول نسبية في CSS مرتبطة بحجم الخط: فـ 1em تساوي دائمًا حجم الخط الحالي للعنصر الذي تُطبَّق عليه (أو حجم خط العنصر الأب حين تُستخدم لضبط حجم الخط نفسه). وتضبط المتصفحات حجم الخط الجذري افتراضيًا على 16px، وبذلك يكون 1em = 16px عند الإعداد الافتراضي، وعمومًا px = em × حجم الخط الأساسي — فالعنوان المضبوط على 2em فوق أساس 16px يظهر بحجم 32px، بينما تظهر الـ 2em نفسها فوق أساس 18px بحجم 36px.

ولأن em تتدرج مع حجم خط المستخدم أو العنصر الأب، فهي الوحدة التي يلجأ إليها مطورو CSS في الطباعة الرقمية المتجاوبة وسهلة الوصول — ارتفاع السطر والهوامش وحجم الخط التي ينبغي أن تكبر حين يرفع أحدهم إعداد حجم النص في متصفحه. والتحويل بين em والبكسل خطوة معتادة عند نقل تصميم نموذجي مبني على البكسل (Figma أو Sketch) إلى CSS قابل للتدرج وسهل الوصول.