ما هو محوّل وحدات الطباعة؟
محوّل وحدات الطباعة يحوّل بين البكسل (px) وem وrem والنقاط (pt) والنسب المئوية (%) ووحدات نافذة العرض (vw وvh). حدّد حجم الخط الأساسي وحجم نافذة العرض ثم أدخل قيمة في أي حقل لترى باقي الوحدات تتحدّث فورًا.
التحويلات تتّبع معيار CSS: 1pt = 96/72 px، و em و rem تُضرَب في حجم الخط الأساسي، والنسبة المئوية تعتبر الأساس 100٪، و vw و vh نِسَب من عرض نافذة العرض وارتفاعها. عدِّل أي حقل فتتحدّث الحقول الستة الأخرى لحظياً. حجم الخط الأساسي افتراضياً 16px (القيمة الجذرية الشائعة) لكن يمكنك تغييره إلى 14 أو 18 أو أي قيمة جذرية يستعملها نظام التصميم لديك، ونافذة العرض افتراضياً 1920×1080 لتبقى vw و vh دقيقة.
كيفية الاستخدام
- الخطوة 1 — حدّد حجم الخط الأساسي بالبكسل (الافتراضي 16px) الذي يحدد كيفية حساب الوحدات النسبية مثل em وrem و%.
- الخطوة 2 — أدخل قيمة رقمية في أي من حقول الوحدات السبعة (px أو em أو rem أو pt أو % أو vw أو vh) لترى جميع الوحدات الأخرى تتحدث فورًا.
- الخطوة 3 — انسخ أي قيمة محوّلة لاستخدامها في CSS أو مواصفات التصميم أو تخطيطات الطباعة.
متى تستخدم
- تحويل مواصفات pt من مصمّم الطباعة إلى قيم بكسل CSS التي تُطبَّق فعلاً في ملف الأنماط.
- تدقيق نظام تصميم لمعرفة هل عنوان بـ 1.25rem يساوي فعلاً 20px عند الجذر المختار.
- اختيار القيمة المناسبة بـ em أو % داخل عنصر أب يغيّر حجم الخط الموروث أصلاً.
النتيجة
يُسلّمك مصمم المواصفات بالنقاط (14pt لنص المتن). أدخل 14 في حقل pt مع قاعدة 16px لترى فورًا أنها تساوي 18.67px و1.167em و1.167rem و116.7% — جاهزة للاستخدام في ورقة الأنماط.
الأسئلة الشائعة
- لماذا يتحوّل 1pt إلى 1.333px لا 1px؟
- CSS يُعرِّف 1pt تحديداً بـ 1/72 بوصة و 1in بـ 96px، إذاً 1pt = 96/72 = 1.333px. هذا التحويل تستعمله جميع المتصفحات. أحجام الطباعة بـ pt تبدو على الشاشة أكبر مما يوحي الرقم بسبب هذا المضاعف 4/3.
- ما الفرق بين em و rem؟
- rem يرجع دائماً إلى حجم خط الجذر (عنصر <html>). em يرجع إلى حجم خط أقرب عنصر أب. فـ 2em داخل عنصر أب بحجم 20px تساوي 40px، بينما 2rem تساوي دائماً 2 × الجذر بغضّ النظر عن أي عنصر أب متداخل.
- كيف يؤثّر إعداد حجم الخط الأساسي على التحويلات؟
- يغيّر قيمة 1rem و 1em بالـ px. الافتراضي 16px يطابق معظم المتصفحات فتصبح 1rem = 16px. لو كان جذرك 18px فـ 1rem = 18px وعنوان بـ 1.25rem يصير 22.5px بدل 20px. التحويل بـ pt لا يتأثّر لأنه مطلق.
- هل أستعمل px أم rem أم em في ورقة الأنماط؟
- rem لأحجام الخطوط (ليتمكّن المستخدم من التحكم عبر تكبير المتصفح أو إعدادات الوصول)، و px للحدود والفراغات الصغيرة حيث الدقة مهمة، و em لفراغات نسبية لحجم خط العنصر الحالي (كحشوة داخل زر).
- لماذا لا تكون النسبة 100٪ حين تساوي px قيمة الأساس؟
- بل تكون 100٪، جرّب. لو ساوت px أساسك (مثلاً 16 مع أساس 16) فالحقل يعرض 100. لو ظهر رقم آخر فإمّا أن px ليست مساوية تماماً للأساس بسبب تقريب في حقل آخر، أو أنّك غيّرت الأساس بعد كتابة px.
أدوات ذات صلة
محوّل وحدات الوقت
تحويل وحدات الوقت فوراً
محوّل الطوابع الزمنية
تحويل طوابع Unix الزمنية إلى تواريخ
محوّل وحدات عزم الدوران
التحويل بين وحدات عزم الدوران
محوّل الزوايا
حوّل بين الدرجات والراديان والغراديان واللفّات والدقائق والثواني القوسية وصيغة DMS
محول المساحات
حوّل وحدات المساحة فوراً
محوّل مقاسات الملابس
حوّل مقاسات الملابس بين الأمريكي والبريطاني والأوروبي والأسترالي والياباني والصيني — حسب الرمز أو حسب قياسات الجسم، مع الفرنسي والإيطالي والكوري عند الطلب