محوّل PX إلى EM
24 px تساوي 1.5 em عندما يكون خط العنصر الأب 16 px. حوّل أطوال CSS بين البكسل وem في الاتجاهين وفق حجم خط العنصر الأب، واحصل على قيمة جاهزة للصق في المكونات المتداخلة والمسافات الميسّرة للقراءة. مجاني في متصفحك.
- مجاني
- يعمل في متصفحك
- دون تسجيل
- بياناتك لا تغادر جهازك
شغّل الأداة مجانًا
مثال محلول
- القيمة
- 24
- الأصل
- 16
- وحدة المصدر ل 'value'
- px
- إلى
- em
- النتيجة
- 1.5
- تسمية المصدر
- pixels
- تسمية الهدف
- em
- النتيجة (CSS)
- 1.5em
يحوّل محوّل px إلى em هذا طولاً في CSS من البكسل إلى وحدات em، أو من em عودةً إلى البكسل، مستخدماً حجم خط العنصر الأب بالبكسل كأساس مرجعي. تعتمد الطباعة النسبية على ذلك الأساس: em واحد يساوي حجم الخط المحسوب للأب، فستة عشر بكسلاً مع أساس ستة عشر تساوي em واحداً، وواحد فاصل خمسة em مع الأساس نفسه تساوي أربعة وعشرين بكسلاً. المتطابقات المستخدمة هنا حتمية بالكامل: em يساوي px مقسوماً على الأساس، وpx يساوي em مضروباً في الأساس. من الفحوص البسيطة التي قد تعرفها أن أربعة وعشرين بكسلاً إلى em مع أساس ستة عشر تعطي واحداً فاصل خمسة، وأن صفراً فاصل ثمانمئة وخمسة وسبعين em إلى البكسل مع أساس ستة عشر تعطي أربعة عشر. يستخدم المحرّك حساباً منتهياً فقط بلا اتصال بالشبكة ولا اعتماد على التاريخ.
أين يقع تحويل px–em في أنظمة التصميم وCSS والبرمجيات
تخزّن أنظمة التصميم غالباً عُقد التباعد والخط بالبكسل لأدوات التصميم، بينما تفضّل CSS الإنتاجية em للمكوّنات المتداخلة التي ينبغي أن تتدرّج مع حجم الخط المحلّي، فيمنع محوّل حتمي واحد انحراف الحاسبة اليدوية حين يعيد مصمّم أو مهندس واجهة أمامية أو طالب كتابة ورقة أنماط. تحوّل تدقيقات الوصول الحشوات البكسلية الثابتة إلى em كي يكبّر تكبير النصّ وإعدادات خط المستخدم أهداف اللمس بتناسب؛ ولا تزال قوالب البريد والقشرات القديمة تخلط الأطوال المطلقة والنسبية وتحتاج إلى فحص سريع دون اتصال قبل الإصدار.
يكلّف المعلّمون واجباً يحتاج إلى فحص سريع لنصّ متن بستة عشر بكسلاً وعناوين بأربعة وعشرين بكسلاً دون الوثوق بتطبيقات غامضة تنتقل خفيةً إلى rem أو تُسقط الأساس. يستدعي المطوّرون العقد نفسه من السكربتات لبذر متجهات اختبار حتمية لمولّدات السمات، ولتطبيع الأحجام التي يدخلها المستخدم قبل عروض القياس، أو لتلبية بيانات تحدّيات البرمجة التي تطالب بنسب دقيقة لا تقديراً تقريبياً. تستخدم أدوات المنتج إعادة الكتابة حين يكتب متعلّم أو وكيل أربعة وعشرين بكسلاً وأساساً ستة عشر ويجب أن تُظهر الواجهة واحداً فاصل خمسة em جنباً إلى جنب مع صدى البكسل.
اقرنه بمحوّلات الوحدات العامة حين يجب على النموذج نفسه معالجة الطول أو حجم البيانات أيضاً، وأبقِ أدوات rem أو منفذ العرض منفصلةً حين يكون جذر التتالي أو منفذ العرض هو المرجع بدل حجم خط الأب.
حالات الاستخدام
عُقد التصميم وتدرّجات الخط
حوّل عُقد الخط والتباعد بالبكسل إلى em للمكوّنات المتداخلة التي ينبغي أن تتدرّج مع حجم خط الأب.
إعادة كتابة الأنماط والوصول
أعد كتابة الحشوات وارتفاعات الأسطر البكسلية الثابتة إلى em كي يكبّر تكبير النصّ التخطيط بتناسب.
تجهيزات تكامل مستمرّ حتمية
ولّد أزواج px↔em قابلة للتكرار لمولّدات السمات واختبارات الوحدة وخطوط أنظمة التصميم.
الأسئلة الشائعة
كيف يرتبط px وem؟
بمعلومية أساس حجم خط الأب بالبكسل، يكون em = px / base وpx = em * base. em واحد يساوي حجم خط الأب.
ماذا يحدث إذا كان حجم الخط الأساس صفراً؟
الأساس الصفري يجعل em = px/base غير معرّف (قسمة على صفر).
هل تحوّل هذه الأداة وحدات rem أو النسبة المئوية أو منفذ العرض؟
لا. تحوّل فقط بين px وem بمعلومية حجم خط أب صريح بالبكسل. استخدم أدوات مخصّصة ل rem أو وحدات CSS الأخرى.
لماذا تُقرَّب النتائج إلى دقة معيّنة؟
الدقة الافتراضية عشر منازل عشرية؛ ويمكنك ضبط precision من 0 إلى 15.
كم بكسلًا تساوي 0.875 em مع أساس 16 px؟
تساوي 14 px. اضرب قيمة em في حجم خط العنصر الأب، فحاصل 0.875 في 16 هو 14. وإذا تغيّر حجم خط الأب أعطت قيمة em نفسها عددًا آخر من البكسلات.
أدوات ذات صلة
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/conv/typography-px-em \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"value":16,"base":16,"from":"px","to":"em"}'const res = await fetch("https://api.kit.forhosting.com/conv/typography-px-em", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"value": 16,
"base": 16,
"from": "px",
"to": "em"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/conv/typography-px-em",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"value": 16,
"base": 16,
"from": "px",
"to": "em"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/conv/typography-px-em", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"value":16,"base":16,"from":"px","to":"em"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"value":16,"base":16,"from":"px","to":"em"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/conv/typography-px-em", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)مثال على الطلب
{
"value": 16,
"base": 16,
"from": "px",
"to": "em"
}مثال على الاستجابة
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "conv.typography_px_em",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.
الأسعار
السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.
الحدود
max_abs_value | 1000000000000000 |
الأخطاء
| HTTP | الرمز | المعنى |
|---|---|---|
401 | unauthorized | مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك. |
402 | insufficient_balance | رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة. |
404 | unknown_type | نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب. |
429 | rate_limited | تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة. |
ملاحظات تقنية
استخدمه مجاناً في المتصفّح لعُقد التصميم وإعادة كتابة الأنماط وتدقيقات الوصول، أو استدعِ الAPI بسعر $0.002 لكل طلب ناجح حين تحتاج إلى تجهيزات أطوال CSS قابلة للتكرار في التكامل المستمرّ وأنظمة التصميم والعروض التعليمية.
ماذا يعني px وem وما الذي تحتويه الاستجابة
يجيب تحويل طول CSS بين البكسل وem عن سؤال تخطيط ضيّق: بمعلومية مقدار بوحدة وحجم خط أب بالبكسل، ما المقدار المكافئ بالوحدة الأخرى كي تبقى التباعدات وتدرّج الخط وأحجام المكوّنات متناسبة حين يتغيّر التتالي. البكسل طول مطلق مستقلّ عن الجهاز في CSS؛ أما em فنسبي إلى حجم الخط المحسوب للعنصر الأب، فتتدرّج قيمة em نفسها حين يتغيّر حجم خط الأب. المعرّفات القانونية هي px للبكسل وem لوحدة em النسبية؛ وتُطبَّع التهجئات اليومية مثل pixel وpixels وems إلى تلك المعرّفات كي تعيد النماذج وسلاسل الاستعلام والجداول استخدام العقد نفسه دون ابتكار تعدادات خاصة. تقبل هذه الحاسبة قيمة رقمية، وحجم خط أساس بالبكسل، ووحدة مصدر، ووحدة هدف، ثم تعيد النتيجة المحوّلة مقرّبةً إلى دقة ثابتة، والمعرّفين القانونيين from وto، وتسميات مقروءة، وقيمة وسيطة بالبكسل، وسلسلة result_css مضغوطة مثل 1.5em، وتذكيراً بالصيغة القصير. لا يوجد حساب منفذ عرض، ولا استعلام جذر rem، ولا محاكاة استعلام وسائط: إما أن يضرب المحرّك ويقسم على الأساس المزوّد ضمن نطاق المقادير المدعوم أو يرفض المدخل ب invalid_input. تشمل الحالات المرفوضة فقدان value أو base أو from أو to؛ والأرقام غير المنتهية؛ والمقادير فوق السقف الموثّق؛ وسلاسل الوحدات المجهولة؛ وأي أساس يساوي صفراً أو صفراً عددياً، لأن em يساوي px على الأساس سيقسم على صفر. إن احتجت إلى rem أو النسبة المئوية أو وحدات منفذ العرض أو تحويلاً عاماً متعدّد الفئات فاستخدم الأدوات المخصّصة لتلك النطاقات؛ فهذه الصفحة تجيب فقط عن px مقابل em بحجم خط أب معلوم ومخرَج عددي ثابت مناسب للجداول واختبارات الوحدة ومستهلكي الAPI الذين يجب ألّا يبتكروا معاملات.
كيف تُقرأ value وbase والوحدات وكيف تبقى النتائج قابلة للتكرار
يُسمح بالتدوين العلمي الاختياري على السلاسل الرقمية حين يُحلَّل كعشري منته؛ أما المسافات المضمّنة والبادئات السّتّ عشرية والرموز غير الرقمية فتُرفض برسالة واضحة كي لا تصير خانة سيئة حجم خط خاطئاً. تعيد طلبات الوحدة نفسها القيمة بعد التحقّق من base، ما يبقي العقد موحّداً للنماذج التي ترسل حجم الأب دائماً. الحقول المفضّلة هي value لمقدار طول CSS، وbase لحجم خط الأب بالبكسل، وfrom لوحدة المصدر، وto لوحدة الهدف، مع البدائل amount وlength وn وquantity وsize ل value؛ وbase_px وparent وparent_font_size وfont_size وroot ل base؛ وunit وfrom_unit وsource وinput_unit ل from؛ وtarget وto_unit وoutput_unit وinto ل to كي يتشارك عملاء متغايرون عقداً واحداً. الصفر قيمة صالحة ويعطي ببساطة صفراً في وحدة الهدف، لكن الأساس الصفري يفشل دائماً ب invalid_input لأن تحويل em النسبي غير معرّف بلا حجم خط أب غير صفري. يختار حقل precision الاختياري، وبديلاه decimals وdp، عدد المنازل العشرية المكشوفة ل value وbase وresult وvalue_px، بقيمة افتراضية عشرة وسقف خمسة عشر كي تبقى مرجعيات JSON ثابتة. يجسر الحساب عبر البكسل: إن كان from هو em فاضرب value في base للحصول على البكسل؛ وإن كان to هو em فاقسم مقدار البكسل ذاك على base. اقرن التشغيل المجاني في المتصفّح على هذه الصفحة بالAPI المدفوع حين تحتاج إلى النتيجة الرياضية ذاتها داخل خط مؤتمت دون إعادة تنفيذ حساب الطباعة بنفسك.
أين يقع تحويل px–em في أنظمة التصميم وCSS والبرمجيات
على هذه الصفحة يجري العمل كلّه في متصفّحك؛ وعبر الAPI يكلّف كل استعلام ناجح $0.002، ولا يُحصَّل التحقّق الفاشل، ولا يُخزَّن شيء بعد عودة الاستجابة. هذا الفصل — استكشاف تفاعلي مجاني وAPI مدفوع مطابق — يوافق بقية فئة KIT من الطبقة أ ويتيح لك الانتقال من عرض صفّي إلى خط مؤتمت دون تغيير النتيجة الرياضية.
أسئلة تقنية
كم يكلّف محوّل px إلى em؟
هو مجاني في متصفّحك على هذه الصفحة. وعبر الAPI يكلّف الطلب الناجح $0.002؛ ولا تُحصَّل المدخلات غير الصالحة.