بكسل إلى وحدات em
حوّل مقاسًا بالبكسل إلى em نسبةً إلى العنصر الأب: 24 بكسل داخل أب حجمه 16 بكسل تساوي 1.5 em، جاهزة للصق بصيغة 1.5em. فيكبر النص والمسافات مع خط الأب ومع إعدادات القارئ نفسه. مجاني في متصفحك.
- مجاني
- يعمل في متصفحك
- دون تسجيل
- بياناتك لا تغادر جهازك
شغّل الأداة مجانًا
مثال محلول
- Px
- 24
- العنصر الأب
- 16
- Em
- 1.5
- قيمة em في CSS
- 1.5em
- النسبة
- 1.5
- الدقة
- 10
يحوّل محوّل البكسل إلى em حجم خط CSS المعطى بالبكسل إلى وحدات em مستخدمًا حجم خط العنصر الأب كقاعدة مرجعية. تعتمد الطباعة النسبية على تلك القاعدة: يساوي em واحد حجم الخط المحسوب للأب، لذا فإن أربعة وعشرين بكسلًا مع أبٍ بستة عشر بكسلًا تساوي واحدًا فاصلة خمسة em، وأربعة عشر بكسلًا مع الأب نفسه تساوي صفر فاصلة ثمانية سبعة خمسة em. الهوية المستخدمة هنا حتمية بالكامل: em يساوي px مقسومًا على الأب. يستخدم المصممون ومهندسو الواجهة الأمامية ومدققو إمكانية الوصول هذا التحويل عند إعادة كتابة مقاييس النوع الثابتة بالبكسل إلى أوراق أنماط قابلة للتوسّع تنمو مع إعدادات خط المستخدم وسياق المكوّنات المتداخلة. يستخدم المحرك حسابًا محدودًا فقط دون استدعاءات شبكة ودون عيّنات ودون اختصارات تعتمد على التاريخ.
معنى البكسل ووحدة em وما تحتويه الاستجابة
يجيب تحويل CSS من البكسل إلى em عن سؤال تخطيط محدد: بالنظر إلى حجم خط أو طول تباعد بالبكسل وحجم خط العنصر الأب بالبكسل، ما المقدار المكافئ بوحدة em حتى تبقى الكتابة والحشو وأحجام المكوّنات متناسبة عند تغيّر التسلسل أو تكبير المستخدم. البكسل أطوال مطلقة مستقلة عن الجهاز في CSS؛ أما em فنسبية إلى حجم الخط المحسوب للعنصر الأب، لذا يتوسّع نفس قيمة em تلقائيًا عند تغيّر خط الأب.
تشمل الحالات المرفوضة غياب px أو parent، والأعداد غير المنتهية، والمقادير فوق السقف الموثّق، وأي parent صفري أو عدديًا صفر لأن em يساوي px على parent سيقسم على صفر. الصفر قيمة px صالحة وتنتج صفر em ببساطة، وهو مفيد عند تفريغ رمز حجم أو تأكيد تباعد فارغ.
أين يناسب تحويل px إلى em أنظمة التصميم وCSS والبرمجيات
تخزّن أنظمة التصميم غالبًا رموز التباعد والنوع بالبكسل لأدوات التصميم بينما يفضّل CSS الإنتاجي em للمكوّنات المتداخلة التي يجب أن تتوسّع مع حجم الخط المحلي، لذا يمنع محوّل حتمي واحد انحراف الآلة الحاسبة اليدوية عندما يعيد مصمم أو مهندس واجهة أو طالب كتابة ورقة أنماط. تحوّل عمليات تدقيق إمكانية الوصول الحشو الثابت بالبكسل والأحجام المرتبطة بالسطر إلى em حتى يكبّر تكبير النص وإعدادات خط المستخدم أهداف اللمس بنسبة متناسبة؛ ما زالت قوالب البريد والسمات القديمة تخلط أطوالًا مطلقة ونسبية وتحتاج فحصًا سريعًا دون اتصال قبل الإصدار.
يكلّف المعلمون واجبات تحتاج فحصًا سريعًا لنص جسم بستة عشر بكسلًا وعناوين بأربعة وعشرين دون الوثوق بتطبيقات معتمة تنتقل بصمت إلى rem أو تسقط قاعدة الأب. يستدعي المطوّرون العقد نفسه من سكربتات لبذر متجهات اختبار حتمية لمولّدات السمات، أو لتطبيع أحجام يدخلها المستخدم قبل تحجيم العروض، أو لتلبية بيانات تحديات برمجة تطلب نسبًا دقيقة لا تقديرًا تقريبيًا. تستخدم أدوات المنتج إعادة الكتابة عندما يكتب متعلم أو وكيل أربعة وعشرين بكسلًا وأبًا بستة عشر ويجب أن تعرض الواجهة واحدًا فاصلة خمسة em جنبًا إلى جنب مع صدى البكسل.
أبقِ أدوات rem أو viewport منفصلة عندما يكون المرجع جذر التسلسل أو نافذة العرض بدل حجم خط الأب، وأبقِ هذا المحوّل مركّزًا عندما يكون السؤال بدقة من البكسل إلى وحدات em لطباعة قابلة للتوسّع وميسّرة الوصول.
حالات الاستخدام
رموز التصميم ومقاييس النوع
حوّل رموز الطباعة والتباعد بالبكسل إلى em حتى تتوسّع المكوّنات المتداخلة مع حجم خط الأب.
إعادة كتابة أوراق الأنماط وإمكانية الوصول
أعد كتابة أحجام الخط الثابتة بالبكسل إلى em حتى يكبّر تكبير النص وخط المستخدم التخطيط بنسبة متناسبة.
تجهيزات CI حتمية
ولّد أزواج px→em قابلة لإعادة الإنتاج لمولّدات السمات واختبارات الوحدة وأنابيب أنظمة التصميم.
الأسئلة الشائعة
كيف يرتبط البكسل ووحدة em؟
مع حجم خط الأب بالبكسل، em = px / parent. يساوي em واحد حجم خط الأب، لذا 24px مع parent 16 ينتج 1.5em.
ماذا يحدث إذا كان حجم خط الأب صفرًا؟
يجعل parent الصفري em = px/parent غير معرّف (قسمة على صفر).
هل يحوّل هذا الأداة em عائدًا إلى بكسل، أو إلى rem؟
لا. تحوّل هذه القدرة البكسل إلى em فقط مع حجم خط أب صريح بالبكسل. استخدم أدوات مخصصة للتحويل العكسي أو إلى rem.
لماذا تُقرَّب النتائج إلى دقة معينة؟
الدقة الافتراضية 10 منازل عشرية؛ يمكن ضبط precision من 0 إلى 15.
لماذا تُحوَّل المقاسات من البكسل إلى em؟
لأن وحدة em تتبع حجم خط العنصر الأب. فعندما يكبّر القارئ الخط أو يقرّب النص، تكبر المقاسات المحددة بوحدة em بالنسبة نفسها، وهذا يحسّن سهولة الوصول ويحافظ على توازن المكوّنات.
أدوات ذات صلة
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/str/px-to-em \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"px":24,"parent":16}'const res = await fetch("https://api.kit.forhosting.com/str/px-to-em", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"px": 24,
"parent": 16
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/str/px-to-em",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"px": 24,
"parent": 16
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/str/px-to-em", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"px":24,"parent":16}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"px":24,"parent":16}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/str/px-to-em", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)مثال على الطلب
{
"px": 24,
"parent": 16
}مثال على الاستجابة
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "str.px_to_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 قابلة لإعادة الإنتاج في CI أو أنابيب أنظمة التصميم.
معنى البكسل ووحدة em وما تحتويه الاستجابة
تقبل هذه الحاسبة قيمة رقمية px وحجم خط الأب بالبكسل، ثم تُرجع نتيجة em مقربة إلى دقة مستقرة، وسلسلة em_css مضغوطة مثل 1.5em جاهزة للصق في ورقة أنماط، والمدخلات المعكوسة، وحقل ratio يساوي نتيجة em لوضوح الجداول، وتذكيرًا قصيرًا بالصيغة. لا يوجد على هذه الصفحة مسار عكسي من em إلى px، ولا بحث جذر rem، ولا رياضيات viewport، ولا محاكاة media-query: يقسم المحرك px على parent ضمن نطاق المقدار المدعوم أو يرفض الإدخال بـ invalid_input. إن احتجت تحويلًا ثنائي الاتجاه أو rem أو نسبًا مئوية أو وحدات viewport فاستخدم الأدوات المخصصة لتلك المجالات؛ تجيب هذه الصفحة فقط من البكسل إلى em مع حجم خط أب معروف ومخرج رقمي مستقر يناسب أوراق العمل واختبارات الوحدة ومستخدمي API الذين يجب ألا يخترعوا معاملات يدويًا.
كيف تُقرأ px وparent وprecision وكيف تبقى النتائج قابلة لإعادة الإنتاج
يُسمح بالتدوين العلمي الاختياري على السلاسل الرقمية عندما يُفسَّر كعشري منتهٍ؛ تُرفض المسافات المضمّنة والبادئات الست عشرية والرموز غير الرقمية برسالة واضحة حتى لا تصبح خلية جدول بيانات سيئة حجم نوع خاطئ. الحساب قسمة واحدة: em يساوي px مقسومًا على parent. يمكن للمعلمين أيضًا استخدام العقد نفسه لتصحيح واجبات تطلب تحويل مقياس نوع بالبكسل إلى em لعناوين ونص متداخلين. الحقول المفضلة هي px لمقدار البكسل وparent لحجم خط الأب بالبكسل، مع الأسماء البديلة pixels وsize وfont_size وvalue وamount لحقل البكسل، وbase وparent_px وparent_font_size وbase_font_size وroot لحقل parent حتى يتشارك العملاء المختلفون عقدًا واحدًا. يفشل parent الصفري دائمًا بـ invalid_input لأن التحويل النسبي إلى em غير معرّف دون حجم خط أب غير صفري. يختار حقل precision الاختياري، بأسماء decimals وdp، عدد المنازل العشرية المعروضة لـ px وparent وem وratio، بافتراض عشرة وسقف خمسة عشر حتى تبقى نتائج JSON الذهبية مستقرة عبر بيئات التشغيل. اقرن التشغيل المجاني في متصفح هذه الصفحة بواجهة API المدفوعة عندما تحتاج النتيجة الرياضية ذاتها داخل أنبوب آلي دون إعادة تنفيذ رياضيات الطباعة بنفسك.
أين يناسب تحويل px إلى em أنظمة التصميم وCSS والبرمجيات
على هذه الصفحة يعمل كل شيء في متصفحك؛ عبر API تكلف كل استعلام ناجح $0.002، ولا تُحاسب على التحقق الفاشل، ولا يُخزَّن شيء بعد إرجاع الاستجابة. هذا الفصل — استكشاف تفاعلي مجاني وAPI مطابقة مدفوعة — يوافق بقية كتالوج KIT من المستوى A ويتيح الانتقال من عرض صفّي إلى أنبوب آلي دون تغيير النتيجة الرياضية.
أسئلة تقنية
كم يكلف محوّل البكسل إلى em؟
هو مجاني في متصفحك على هذه الصفحة. عبر API يكلف الطلب الناجح $0.002؛ ولا تُحاسب على المدخلات غير الصالحة.