تحويل px إلى rem: px، rem، pt، em، mm

آخر تحديث: أكتوبر 2026

حجم الخط الأساسي px

يُقاس rem بالنسبة إلى هذا الحجم. وهنا يُقاس em والنسبة المئوية به أيضاً؛ أما في CSS فيتبعان العنصر الأب، فلا يطابقان rem إلا حيث لا يغيّر أي عنصر أب حجم الخط.

من

إلى

الصيغة

1 px = 0.0625 rem

جميع النتائج

px 1

rem 0.0625

em 0.0625

% 6.25

pt 0.75

pc 0.0625

in 0.0104167

cm 0.0264583

mm 0.264583

جدول المرجع السريع: بكسل → rem (em الجذر)

القيمة (px)	النتيجة (rem)
1 px	0.0625 rem
8 px	0.5 rem
10 px	0.625 rem
12 px	0.75 rem
14 px	0.875 rem
16 px	1 rem
18 px	1.125 rem
20 px	1.25 rem
24 px	1.5 rem
32 px	2 rem
48 px	3 rem
64 px	4 rem

حول px وrem وpt

في CSS تساوي 1 بوصة دائماً ⁦96 px⁩، ولذلك فإن ⁦1 pt⁩، وهي 1/72 بوصة، تساوي ⁦1.333 px⁩، و⁦1 mm⁩ يساوي ⁦3.78 px⁩. أما rem وem فوحدتان نسبيتان: ⁦1 rem⁩ هو حجم الخط الجذري، أي ⁦16 px⁩ في كل المتصفحات الرئيسية ما لم يغيّره الزائر، ولذلك فإن ⁦24 px⁩ تساوي ⁦1.5 rem⁩. وإذا حدّدت ورقة الأنماط حجماً جذرياً آخر فأدخله في خانة الحجم الأساسي أعلى الحقول. ويتبع em حجم خط العنصر الأب، فلا يساوي rem إلا حيث لا يغيّره أي عنصر أب.

أحجام النصوص والعناصر الشائعة

عند الحجم الأساسي الافتراضي ⁦16 px⁩. في CSS تساوي 1 بوصة دائماً ⁦96 px⁩، لذا يبقى عمودا pt وmm كما هما مهما كان الحجم الأساسي، ولا يتغير معه إلا عمود rem.

الحجم	rem	pt	mm
نص ⁦10 pt⁩ (الحواشي السفلية)	0.8333	10	3.528
حجم النص الافتراضي في المتصفح	1	12	4.233
نص ⁦12 pt⁩ في معالج النصوص	1	12	4.233
عنوان h2 الافتراضي	1.5	18	6.35
أصغر حجم للهدف في ⁦WCAG 2.2 (2.5.8)⁩	1.5	18	6.35
عنوان h1 الافتراضي	2	24	8.467
1 سنتيمتر	2.362	28.35	10
1 بوصة	6	72	25.4

تاريخ النقطة والبكسل

كان حجم الحروف يُقاس بالنقاط قبل الشاشات بزمن طويل: فقد احتاج صانعو الحروف إلى وحدة واحدة لصبّ حروف متناسقة. ثم ثبّت الحاسوب النقطة عند 1/72 بوصة.

1737 نشر بيير سيمون فورنييه جدولاً لأحجام الحروف مقيسة بالنقاط الطباعية، ويقسم مقياسه البوصة إلى 12 سطراً وكل سطر إلى 6 نقاط.
1886 اعتمدت جمعية صانعي الحروف الطباعية في الولايات المتحدة نظام النقاط لأجسام الحروف، فصار النونباريل (nonpareil) 6 نقاط والبايكا 12 نقطة.
1985 قدّمت Adobe لغة PostScript، ووحدة الطول فيها على الصفحة هي 1/72 بوصة، وهي بحسب وصف Adobe تقارب النقطة المستخدمة في الطباعة.
2011 أصبحت CSS 2.1 توصية من W3C. وهي تثبّت 1 بوصة عند ⁦96 px⁩ و⁦72 pt⁩، فيساوي ⁦1 px⁩ القيمة ⁦0.75 pt⁩، وتبني البكسل على نقطة واحدة من شاشة بدقة ⁦96 dpi⁩ تُرى من مسافة ذراع.

المصادر:

الطول والمسافة تخزين البيانات