Skip to main content
CalculoraCalculora

المال والأعمال

آلات حاسبة ماليةالاستثمار والتخطيطالتمويل الشخصيالاستثمار العقاريأدوات الأعمالالشركات الناشئة

الرياضيات والتقنية

آلات حاسبة رياضيةأدوات هندسيةأدوات الفيزياءأدوات المطورينأدوات مدرسية

الصحة والحياة

أدوات طبيةأدوات ذكيةالعشوائيات

الإبداع والتخصص

اقتصاد المبدعينأدوات إسلاميةالاستدامةالألعاب

المحولات

محول الوحداتمحول الطولمحول الوزنمحول درجة الحرارة→ محولات الوحدات

العشوائيات

مولّد الأرقام العشوائيةفحص قوة كلمة المرورعجلة الحظمحاكي رمي العملةمحاكي رمي النردحاسبة تداخل المناطق الزمنية→ العشوائيات
محوّل الملفات

أدوات PDF

تحويل PDF إلى JPGتحويل PDF إلى PNGاستخراج نص من PDFتحويل PDF إلى GIFتحويل PDF إلى WebPتحويل PDF إلى SVGتحويل PDF إلى Wordتحويل PDF إلى Excelتحويل PDF إلى PowerPointتحويل PDF إلى HTMLتحويل PDF إلى Markdownتحويل PDF إلى TIFF

محوّل الصور

تحويل JPG إلى PNGتحويل PNG إلى JPGتحويل PNG إلى WebPتحويل WebP إلى PNGتحويل WebP إلى JPGتحويل JPG إلى WebPتحويل SVG إلى PNGتحويل SVG إلى JPGتحويل SVG إلى WebPتحويل BMP إلى PNGتحويل BMP إلى JPGتحويل BMP إلى WebP

صور متقدمة

تحويل HEIC إلى JPGتحويل HEIC إلى PNGتحويل TIFF إلى JPGتحويل TIFF إلى PNGتحويل JPG إلى TIFFتحويل PNG إلى TIFFتحويل JPG إلى ICOتحويل PNG إلى ICOتحويل JPG إلى AVIFتحويل PNG إلى AVIF

GIF والرسوم المتحركة

تحويل إطارات GIF إلى PNGتحويل إطارات GIF إلى JPGمستخرج إطارات GIFتحويل PNG إلى GIFتحويل JPG إلى GIFتحويل GIF إلى WebP

تحرير

إضافة علامة مائيةإزالة الكائنات من الصورةتغيير حجم الصور في المتصفح فورًاضغط الصور أونلاين — تقليل حجم الملف مع الحفاظ على الجودة
تحدي سرعة الرياضياتتحدي الحساب الذهنيكلمةبنت وولدسودوكو٢٠٤٨
محول العملات
CalculoraCalculora

منصة الآلات الحاسبة الشاملة الخاصة بك. أدوات مجانية وسريعة ودقيقة لكل احتياجاتك.

خصوصية 100% — جميع العمليات الحسابية تتم في متصفحك، لا يتم إرسال أي بيانات إلى أي خادممجاني للأبد — لا حواجز دفع، لا اشتراكات، لا حاجة لحسابات

شائع

  • حاسبة مؤشر كتلة الجسم
  • حاسبة القروض
  • حاسبة العمر
  • حاسبة الرهن العقاري
  • حاسبة النسبة المئوية
  • آلة حاسبة علمية
  • عرض الكل →

التصنيفات

  • الرياضيات
  • المالية
  • الصحة والحياة
  • المال والأعمال
  • أدوات المطورين
  • هندسة
  • التصنيفات →

المزيد

  • محول العملات
  • محوّل الملفات
  • ألعاب وأدوات ممتعة

قانوني

  • من نحن
  • اتصل بنا
  • سياسة الخصوصية
  • شروط الخدمة
  • إخلاء مسؤولية
  • خريطة الموقع

اللغات

enEnglisharالعربيةesEspañoldeDeutschfrFrançaishiहिन्दीidBahasa IndonesiaitItalianoja日本語ko한국어ptPortuguêsruРусскийtrTürkçeviTiếng Việtbnবাংলাzh中文nlNederlandsplPolskiukУкраїнськаmsBahasa Melayuthภาษาไทย

© 2026 Calculora. جميع الحقوق محفوظة.

مبني بـ — مجاني 100%

بدون خوادم — موقع ثابت بالكامل، بدون جمع بيانات

  1. الرئيسية
  2. أدوات المطورين
  3. محوّل وحدات CSS

محوّل وحدات CSS

حوّل فورًا بين px وrem وem وpt وvw وvh و%، باستخدام حجم الخط الأساسي وأبعاد نافذة العرض الخاصة بك — لا مزيد من التخمين حول ما يمثله 1.5rem فعليًا بالبكسل.

جارٍ تحميل الآلة الحاسبة...
هل ساعدتك هذه الأداة؟

ما هي محوّل وحدات CSS؟

تدعم CSS عدة وحدات مختلفة لتحديد الأحجام — وحدات مطلقة مثل px وpt، ووحدات نسبية مثل rem وem وvw وvh و%. تُعد الوحدات النسبية أساسية للتصميم المتجاوب وسهل الوصول (وحدة rem تحديداً تحترم تفضيل حجم خط المستخدم في المتصفح)، لكن التحويل بينها ذهنياً صعب حقاً، لأن النتيجة تعتمد على السياق: حجم الخط الجذري، أو حجم خط العنصر الحالي، أو أبعاد نافذة العرض. تقوم هذه الحاسبة بهذا الحساب نيابةً عنك: حدد حجم الخط الأساسي وأبعاد نافذة العرض والقيمة التي تحول منها، وشاهد القيمة المكافئة بكل وحدة أخرى فوراً — مفيدة لترجمة قياسات البكسل في نماذج التصميم إلى قيم rem/vw متجاوبة، أو للتحقق مما تُظهره قاعدة CSS موجودة فعلياً على الشاشة.

متى تستخدم هذه الآلة الحاسبة

  • عند الحاجة لتقييم تكاليف الأداة قبل البدء في المشروع
  • عند مقارنة نتائج الأداة مع أدوات أخرى مشابهة
  • عند التعلم كيفية استخدام الأداة في سيناريوهات مختلفة
  • عند مشاركة النتائج مع الفريق أو العملاء
  • عند التحقق من دقة حسابات الأداة
  • عند البحث عن طريقة سريعة وسهلة لحل مشكلة محددة

الخطوات:

  1. أدخل القيمة التي تريد تحويلها واختر وحدتها المصدر.
  2. حدّد حجم الخط الأساسي الخاص بك (الافتراضي هو معيار المتصفح 16px).
  3. لتحويلات vw/vh، أدخل عرض وارتفاع نافذة العرض المستهدفة.
  4. اقرأ فورًا القيمة المكافئة في كل وحدة أخرى.

الصيغة

1rem = 1em = حجم الخط الأساسي (16px افتراضيًا) 1pt = 96/72 px ≈ 1.333px 1vw = عرض نافذة العرض / 100 1vh = ارتفاع نافذة العرض / 100 1% = القيمة المرجعية / 100

حالات الاستخدام

  • تحويل مواصفة قائمة على البكسل من Figma/Sketch لمصمم إلى قيم rem من أجل CSS سهل الوصول
  • التحقق من الشكل الفعلي لحجم خط متجاوب قائم على vw عند عرض شاشة محدد
  • ترجمة CSS قديم قائم على pt للطباعة أو البريد الإلكتروني إلى px أو rem وفق معايير الويب
  • مراجعة ما إذا كان مقياس التباعد في نظام تصميم يتوافق بدقة عبر الوحدات
  • التحقق السريع من قيمة CSS أثناء مراجعة الشيفرة دون فتح أدوات المطورين

الفوائد الرئيسية

  • يحوّل بين جميع وحدات CSS السبع الشائعة في مكان واحد
  • يستخدم حجم الخط الأساسي ونافذة العرض الفعليين، وليس افتراضًا ثابتًا
  • نتائج فورية أثناء الكتابة — لا حاجة لفتح أدوات مطوري المتصفح
  • مجاني، بلا تسجيل، ويعمل بالكامل داخل متصفحك

نصائح احترافية

  • فضّل rem على em لأحجام الخطوط لتجنب التراكم غير المتوقع في المكوّنات المتداخلة
  • استخدم dvh/svh بدلًا من vh لتصاميم ملء الشاشة على الجوال إذا كانت متصفحاتك المستهدفة تدعم ذلك
  • حافظ على حجم خط أساسي متسق عبر نظام التصميم الخاص بك حتى تظل تحويلات rem قابلة للتنبؤ
  • عند ترجمة تصميم دقيق بالبكسل، حوّل التباعد إلى rem لكن أبقِ عرض الحدود والتفاصيل الدقيقة الأخرى بوحدة px

الأخطاء الشائعة التي يجب تجنبها

  • افتراض أن 1rem تساوي دائمًا 16px، دون التحقق مما إذا تم تغيير حجم الخط الجذري
  • استخدام vh لتصاميم ملء الشاشة على الجوال دون مراعاة سلوك شريط عنوان المتصفح
  • تداخل أحجام خطوط قائمة على em والمفاجأة بتراكمها بشكل غير متوقع
  • خلط px وrem بشكل غير متسق ضمن المكوّن نفسه، مما يكسر تكيّف سهولة الوصول

شرح المصطلحات الأساسية

  • حجم الخط الجذري: حجم الخط المحدد على عنصر html، والذي تكون جميع وحدات rem نسبية إليه
  • نافذة العرض (Viewport): المنطقة المرئية من صفحة ويب داخل نافذة المتصفح
  • الوحدة المطلقة: وحدة مثل px أو pt ذات حجم فعلي ثابت، غير نسبية لأي سياق
  • الوحدة النسبية: وحدة مثل rem أو em أو vw أو % يعتمد حجمها على قيمة أخرى

مفاهيم ذات صلة

  • [object Object]
  • [object Object]
  • [object Object]
  • [object Object]
  • [object Object]

مثال

عند حجم خط أساسي قدره 16px، يتحول 1.5rem إلى 24px. وعند عرض نافذة عرض قدره 1440px، يتحول 5vw إلى 72px.

تفسير نتائجك

يعرض هذا الأداة نتائج مفصلة بناءً على المدخلات التي قدمتها. راجع كل قسم بعناية لفهم كيفية تفسير الأرقام واخذ القرارات بناءً عليها. إذا كانت لديك أسئلة حول كيفية عمل الأداة أو كيفية تفسير نتائج محددة، راجع قسم الأسئلة الشائعة أدناه أو تواصل مع الدعم الفني.

الأسئلة الشائعة

ما الفرق بين rem وem؟
تكون rem دائمًا نسبية إلى حجم خط العنصر الجذر (html)، لذا تبقى ثابتة بغض النظر عن مدى تداخل العنصر. أما em فهي نسبية إلى حجم خط العنصر الحالي نفسه، مما يعني أنها قد تتراكم عند التداخل — تعامل هذه الأداة كلتيهما بالطريقة نفسها من أجل التبسيط، باستخدام حجم الخط الأساسي الخاص بك.
لماذا يساوي 1rem عادةً 16px؟
16px هو حجم الخط الافتراضي للمتصفح للعنصر الجذر html في كل متصفح تقريبًا. وبما أن rem نسبية إلى ذلك الحجم الجذري، فإن 1rem يساوي 16px ما لم تغيّر الصفحة (أو إعدادات متصفح المستخدم) حجم الخط الجذري صراحةً.
ما استخدامات vw وvh؟
تمثّل vw (عرض نافذة العرض) وvh (ارتفاع نافذة العرض) نسبًا مئوية من العرض والارتفاع الحاليين لنافذة المتصفح — يساوي 1vw نسبة 1% من عرض نافذة العرض. تُستخدم عادةً في التصاميم بملء الشاشة والطباعة المتجاوبة التي تتكيف مع حجم الشاشة.
هل يساوي البكسل دائمًا بالضبط 1/96 من البوصة؟
وفقًا لمواصفة CSS، نعم — يُعرَّف بكسل CSS بأنه 1/96 من البوصة، وهذا أيضًا سبب تحويل 1pt (1/72 من البوصة) إلى 96/72 = 1.333 بكسل CSS بالضبط.
هل هذه الأداة مجانية؟
نعم، هذه الأداة مجانية بالكامل ولا تتطلب تسجيل. يمكنك استخدامها بحرية.
هل البيانات آمنة؟
نعم، جميع الحسابات تتم في متصفحك. لا يتم إرسال أي بيانات إلى خوادمنا.
هل يمكنني استخدام الأداة على الهاتف المحمول؟
نعم، الأداة متوافقة مع جميع الأجهزة بما في ذلك الهواتف المحمولة والأجهزة اللوحية.
كيف أحفظ نتائجي؟
يمكنك نسخ النتائج أو تصديرها كملف PDF أو CSV حسب توفر هذه الميزة في الأداة.
هل النتائج دقيقة؟
النتائج مبنية على الصيغ والمعادلات المعتمدة. للنتائج الأكثر دقة، تحقق من إدخال جميع القيم بشكل صحيح.
هل يمكنني استخدام الأداة بدون اتصال بالإنترنت؟
نعم، معظم الحسابات تتم محلياً في متصفحك ولا تتطلب اتصالاً بالإنترنت.
كيف أحل مشكلة في الأداة؟
تأكد من استخدام أحدث إصدار من المتصفح وامسح ذاكرة التخزين المؤقت إذا لزم الأمر. إذا استمرت المشكلة، تواصل مع الدعم.

أدوات ذات صلة

استكشف المزيد من الأدوات

حاسبة نسبة العرض إلى الارتفاع

حاسبة النطاق الترددي

حاسبة وقت التحميل

حاسبة تكلفة الاستضافة السحابية

حاسبة تكلفة شبكة توصيل المحتوى

حاسبة أرباح واجهة برمجة التطبيقات

أدوات مشابهة

حاسبة نسبة العرض إلى الارتفاع
أدوات المطورين
حاسبة النطاق الترددي
أدوات المطورين
حاسبة وقت التحميل
أدوات المطورين
حاسبة تكلفة الاستضافة السحابية
أدوات المطورين
px
16
rem
1
em
1
pt
12
vw
1.1111
vh
1.7778
%
100