طريقة الاستخدام
- اختر الوحدة التي لديك (pt أو px أو mm أو em أو %) وأدخل الحجم.
- تظهر كل الوحدات الأخرى فورًا، مع معاينة بذلك الحجم.
- بالنسبة لـem وrem و%، اضبط حجم الخط الأساسي — يستخدم المتصفح افتراضيًا 16 بكسل.
شرح الخيارات
- النقاط والبكسل
- النقطة هي 1/72 من البوصة، ويُعرِّف CSS البكسل بأنه 1/96 من البوصة، لذا فإن 1 نقطة = 4/3 بكسل و12 نقطة = 16 بكسل.
- المليمتر
- 1 نقطة = 25.4 ÷ 72 ≈ 0.353 مم. هذا هو الحجم الفعلي لجسم الحرف وينطبق عند الطباعة.
- em وrem والنسبة المئوية
- مضاعف لحجم الخط الأساسي. بحجم أساسي 16 بكسل، 1 em = 1 rem = 100% = 16 بكسل = 12 نقطة.
- الحجم الصيني (号)
- تُسمّي معالجات النصوص الصينية الأحجام بدلًا من استخدام النقاط، من 初号 (42 نقطة) إلى 八号 (5 نقاط). يمكنك التحويل من وإلى هذه الأحجام أيضًا.
أحجام شائعة
| pt | px | em (أساس 16 px) |
|---|---|---|
| 9 | 12 | 0.75 |
| 10.5 | 14 | 0.875 |
| 12 | 16 | 1 |
| 14 | 18.67 | 1.1667 |
| 18 | 24 | 1.5 |
| 24 | 32 | 2 |
أحجام الويب بالبكسل والنقاط وrem
مع الحجم الافتراضي للمتصفح 16 px أساسًا:
| البكسلات | النقاط | rem / em | الاستخدام المعتاد |
|---|---|---|---|
| 12 px | 9 pt | 0.75 rem | التعليقات، الحواشي السفلية |
| 14 px | 10.5 pt | 0.875 rem | النص الصغير، التسميات |
| 16 px | 12 pt | 1 rem | نص المتن |
| 18 px | 13.5 pt | 1.125 rem | نص المتن الكبير، الفقرات التمهيدية |
| 20 px | 15 pt | 1.25 rem | العناوين الصغيرة |
| 24 px | 18 pt | 1.5 rem | العناوين |
| 32 px | 24 pt | 2 rem | عناوين الصفحات |
أي وحدة تستخدم
pt (النقاط) للطباعة ومعالجات النصوص: النقطة الواحدة 1/72 من البوصة، لذا فإن نصًا بحجم 12 pt له الحجم المادي نفسه على أي طابعة.
px (بكسلات CSS) للشاشات: يُعرَّف 1 px بأنه 1/96 بوصة عند التكبير العادي، وهو ما يجعل 12 pt تساوي 16 px.
rem وem وحدتان نسبيتان. 1 rem هو حجم خط الجذر (عادةً 16 px)؛ و1 em هو حجم خط العنصر الأصل. واستخدام rem للنص يتيح لمن يضبطون خطًا افتراضيًا أكبر في متصفحهم الحصول على نص أكبر في كل مكان.
المليمترات تفيد عند مطابقة عينة مطبوعة: قِس ارتفاع حرف كبير، فيكون حجم المتن نحو 1.4 مثل ذلك تقريبًا، بحسب الخط.
الأسئلة الشائعة
كم بكسل تعادل 12 نقطة؟
16 بكسل. اضرب النقاط في 4/3 للحصول على بكسلات CSS، أو اضرب البكسلات في 0.75 للحصول على النقاط.
ما الفرق بين em وrem؟
يكون rem نسبيًا لحجم خط الجذر (html)؛ بينما يكون em نسبيًا لحجم خط العنصر الأصل. بلا حجم خط محدد في أي مكان، يساوي كلاهما 16 بكسل.
لماذا لا يطابق النص المقاس على الشاشة التحويل؟
بكسل CSS وحدة منطقية مُعرَّفة عند 96 نقطة في البوصة. يعتمد الحجم الفعلي على الشاشة على كثافة بكسل الشاشة وتكبير النظام. النقاط والمليمترات دقيقة فقط في الطباعة.
الخصوصية
تعمل هذه الأداة بالكامل داخل متصفحك. تُعالَج ملفاتك ونصوصك على جهازك ولا تُرفع أبدًا إلى خوادمنا.