محوّل px إلى rem وem
محوّل الوحدات هذا يحوّل أي قيمة بين px وrem وem فورًا، مع إمكانية تخصيص حجم خط الجذر (root) وحجم خط العنصر الأب — لأن rem تُحسب دائمًا نسبة لحجم خط الجذر، بينما em تُحسب نسبة لحجم خط العنصر الأب مباشرة.
أدوات التصميم وCSS يعمل محليًا بالكامل
تتم كل الحسابات داخل جهازك ولا يُرسل أي شيء لأي خادم.
px
16
rem
1
em
1
ما الذي تفعله هذه الأداة
تحوّل بين البكسل والوحدات النسبية rem وem، اعتمادًا على حجم خط الجذر وحجم خط العنصر الأب.
متى تستخدمها
- تصميم بالبكسل تحوّله إلى وحدات نسبية لتصميم متجاوب.
- تحسب ما يقابل قيمة rem بالبكسل للتحقق.
- تتعامل مع em داخل عنصر له حجم خط مخصّص.
- توحّد وحدات القياس في ملف أنماط.
طريقة الاستخدام
- أدخل «حجم خط الجذر» — وهو 16 بكسل افتراضيًا في معظم المتصفحات.
- أدخل «حجم خط العنصر الأب» لحساب em.
- أدخل القيمة واقرأ ما يقابلها.
مثال عملي
المُدخَل
24 بكسل بحجم خط جذر 16.
الناتج
1.5rem.
حدود الأداة
- أحجام الخطوط يجب أن تكون أكبر من صفر، وإلا ظهرت رسالة توضح ذلك.
- الفرق الجوهري بين rem وem: الأولى تُحسب من جذر المستند دائمًا، والثانية من العنصر الأب — فـem تتراكم في العناصر المتداخلة بينما rem لا تفعل.
- المستخدم قد يغيّر حجم الخط الافتراضي في متصفحه، وهذا بالضبط سبب استخدام الوحدات النسبية: القيم بالبكسل لا تستجيب لذلك التفضيل.
الخصوصية والمعالجة
التحويل يجري على جهازك ولا يُرسل شيء إلى خادم.
ملاحظات تقنية
- فصل حقل حجم خط الأب مقصود، لأن حساب em يحتاجه بينما rem لا تتأثر به إطلاقًا.
الأسئلة الشائعة
rem تُحسب دائمًا نسبة لحجم خط عنصر الجذر (html)، بينما em تُحسب نسبة لحجم خط العنصر الأب المباشر، وقد يختلف من عنصر لآخر.