حوّل البكسل (px) إلى نقاط (pt)

آخر مراجعة للمحتوى:

16 px تساوي 12 pt، وهو المقاس الذي تطبع به المستندات عادةً. في CSS البكسل هو 1/96 من البوصة والنقطة 1/72، فيكفي أن تضرب البكسل في 0.75. نص مقاسه 14 بكسل على صفحة ويب يساوي 10.5 نقطة في Word، وعنوان مقاسه 24 بكسل يساوي 18 نقطة. اكتب البكسل في الحقل الأول لتظهر النقاط بجانبه.

px
pt
إلى

ما البكسل وما النقطة؟

البكسل هو أصغر عنصر منفرد في مصفوفة الصورة النقطية أو في شاشة العرض[1]. وبكسل CSS، الذي تُكتب به المقاسات في ملفات الأنماط، له فوق ذلك طول ثابت: 1/96 من البوصة، أي نحو 0.26 مم[2].

أما النقطة فهي وحدة الطباعة لمقاس الخط. ونقطة DTP التي يحسب بها Word وInDesign وسائر البرامج تساوي 1/72 من البوصة، أي نحو 0.3528 مم[3]. والنقطة أكبر من البكسل، فالطول نفسه مكتوباً بالنقاط يعطي رقماً أصغر.

حروف خشبية للطباعة البارزة مرصوفة جنباً إلى جنب
حروف خشبية للطباعة البارزة، منحوتة معكوسة كي تُطبع صحيحة على الورق. مقاس الحرف يُعطى بالنقاط، ومقاس الصورة على الشاشة بالبكسل: نص يظهر على الشاشة بمقاس 32 بكسل يساوي في الطباعة 24 نقطة. الصورة: Bret Lama، Unsplash.

كم pt تساوي 16 px؟

16 بكسل تساوي 12 نقطة. لتعرف النقاط اضرب البكسل في 72 واقسم على 96، أي اضربه في 0.75. و16 بكسل، وهو المقاس الافتراضي الشائع للخط في المتصفحات[4]، يقابل في مستند مطبوع نصاً مقاسه 12 نقطة، ويشغل على الورق 4.23 مم.

و14 بكسل تساوي 10.5 نقطة، و20 بكسل تساوي 15 نقطة، و24 بكسل تساوي 18 نقطة. أما 96 بكسل، وهي بوصة كاملة أو 25.4 مم، فتساوي 72 نقطة. فإذا نقلت تصميم صفحة ويب إلى مستند Word أو إلى ملف للطباعة، حوّل البكسل إلى نقاط أولاً ثم اضبط مقاس الخط.

يقبل Word مقاسات الخط بين 1 و1638 نقطة بمضاعفات 0.5[5]. والأعداد الزوجية من البكسل تعطي دائماً قيمة كهذه: 18 بكسل تساوي 13.5 نقطة، و22 بكسل تساوي 16.5 نقطة. أما الأعداد الفردية فتعطي أرباع نقطة، مثل 15 بكسل التي تساوي 11.25 نقطة، فتكتب في Word‏ 11 أو 11.5.

كيف تحوّل البكسل إلى نقاط؟

المعادلة هي pt = px × 72 ÷ 96، أي الضرب في 0.75. فـ40 بكسل تساوي 30 نقطة، و64 بكسل تساوي 48 نقطة.

الأعداد التي تقبل القسمة على 4 تعطي نقاطاً صحيحة: 12 بكسل تساوي 9 نقاط، و16 بكسل تساوي 12 نقطة، و20 بكسل تساوي 15 نقطة. وما عداها يعطي نقاطاً كسرية بخطوة ربع نقطة.

وللحساب في الاتجاه المعاكس استعمل محوّل pt إلى px. وإذا أردت أن تعرف كم يبلغ مقاس صورة عند الطباعة بدقة معيّنة، فاكتب DPI في محوّل px إلى مم؛ وإذا أردت وحدة نسبية لملف CSS فاستعمل محوّل px إلى rem.

كم نقطة تساوي مقاسات الخط في ملف CSS؟

يعرض الجدول 29 مقاساً من 8 إلى 96 بكسل، بالنقاط وبالمليمتر عند الطباعة بدقة 96 DPI. المميَّز منها 16 بكسل وهو المقاس الافتراضي الشائع في المتصفحات، و24 بكسل التي تساوي 18 نقطة، و96 بكسل وهي بوصة كاملة.
بكسلنقاطمليمتر (96 DPI)
8 px6 pt2.117 مم
10 px7.5 pt2.646 مم
11 px8.25 pt2.910 مم
12 px9 pt3.175 مم
13 px9.75 pt3.440 مم
14 px10.5 pt3.704 مم
15 px11.25 pt3.969 مم
16 px12 pt4.233 مم
17 px12.75 pt4.498 مم
18 px13.5 pt4.763 مم
19 px14.25 pt5.027 مم
20 px15 pt5.292 مم
21 px15.75 pt5.556 مم
22 px16.5 pt5.821 مم
24 px18 pt6.350 مم
26 px19.5 pt6.879 مم
28 px21 pt7.408 مم
30 px22.5 pt7.938 مم
32 px24 pt8.467 مم
36 px27 pt9.525 مم
40 px30 pt10.583 مم
44 px33 pt11.642 مم
48 px36 pt12.700 مم
56 px42 pt14.817 مم
64 px48 pt16.933 مم
72 px54 pt19.050 مم
80 px60 pt21.167 مم
90 px67.5 pt23.813 مم
96 px72 pt25.400 مم
عمود النقاط محسوب بالطريقة نفسها التي يحسب بها المحوّل، ومعروض بمنزلتين عشريتين.

كم نقطة يساوي عرض الشاشة أو مقاس الصورة؟

جمعنا هنا 17 قيمة من 100 إلى 2000 بكسل. مقاسات النوافذ والصور والشاشات تُحوَّل إلى نقاط بالضرب نفسه في 0.75. و1920 بكسل هو عرض شاشة Full HD، و1080 هو ارتفاعها.
بكسلنقاطمليمتر (96 DPI)
100 px75 pt26.5 مم
150 px112.5 pt39.7 مم
200 px150 pt52.9 مم
240 px180 pt63.5 مم
300 px225 pt79.4 مم
320 px240 pt84.7 مم
375 px281.25 pt99.2 مم
400 px300 pt105.8 مم
500 px375 pt132.3 مم
512 px384 pt135.5 مم
600 px450 pt158.8 مم
800 px600 pt211.7 مم
1024 px768 pt270.9 مم
1080 px810 pt285.8 مم
1200 px900 pt317.5 مم
1920 px1440 pt508 مم
2000 px1500 pt529.2 مم
عمود المليمتر يعرض الطول عند الطباعة بدقة 96 DPI. ولدقة أخرى اكتب DPI في محوّل px إلى مم.

كم نقطة تساوي صفحة A4 في ملف PDF؟

إذا لم تحدّد الصفحة وحدة أخرى، كتب PDF المواضع والمقاسات بوحدة مقدارها 1/72 من البوصة[6]. وهي الطول نفسه الذي تساويه نقطة Word وCSS، لذلك تبلغ صفحة A4 في ملف PDF‏ 595 × 842 نقطة. ومقاس A4، وهو أكثر مقاسات الورق شيوعاً في العالم[7]، معرّف بالمليمتر مثل بقية سلسلة A، فتخرج قيمته بالنقاط بكسور؛ وفي الجدول مقرّبة إلى أعداد صحيحة.
المقاسالمقاس في PDF (نقاط)المقاس الحقيقي (مليمتر)
A3842 × 1191 pt297 × 420 مم
A4595 × 842 pt210 × 297 مم
A5420 × 595 pt148 × 210 مم
A6298 × 420 pt105 × 148 مم
Letter (الولايات المتحدة)612 × 792 pt215.9 × 279.4 مم
مقاس Letter الأمريكي معرّف بالبوصة، فيعطي 612 × 792 نقطة بلا كسور.

كم بكسلاً تساوي نقطة واحدة في تطبيقات iPhone؟

«النقطة» في تطبيقات iPhone وiPad وحدة أخرى غير النقطة الطباعية. تقيس Apple إحداثيات الشاشة المنطقية بالنقاط وإحداثيات الجهاز بالبكسل، وتسمّي النسبة بينهما معامل التحجيم. وفي شاشات Retina يكون المعامل 3.0 أو 2.0، فتُعرض النقطة الواحدة بتسعة بكسلات أو بأربعة على الترتيب[8].
المعاملبكسلات النقطة الواحدةكم بكسلاً في النقطةمربع 16 × 16 نقطة
1x1 × 1116 × 16 px
2x2 × 2432 × 32 px
3x3 × 3948 × 48 px
شاشة iPhone 17 Pro وضوحها 2622 × 1206 بكسل[9]. وعند المعامل 3 يُرسم تخطيط التطبيق على 874 × 402 نقطة. أما معامل 0.75 في هذا المحوّل فهو للنقطة الطباعية ولا يصلح لنقطة iPhone.

أي أشكال الكتابة يقبلها حقل البكسل في هذا المحوّل؟

يقبل حقل البكسل كل الأشكال في هذا الجدول ويحسبها، فلا تحتاج إلى تصحيح القيمة قبل لصقها. يمكنك كتابة القيمة المنسوخة من ملف CSS أو من أدوات المطوّر مع وحدتها، وبالأرقام العربية الهندية. أما القيمة المكتوبة بوحدة أخرى، بالنقاط مثلاً، فيحوّلها الحقل أولاً إلى بكسل ويكتب تحته سطراً مثل «القيمة الملصقة 12 نقطة تساوي في هذا الحقل 16 px.». والعمود الأوسط هو النتيجة التي حسبها المحوّل نفسه.
ما تكتبه أو تلصقهنتيجة المحوّلكيف يقرأ الحقل هذا الشكل
1612 ptإذا كتبت الرقم وحده قرأه الحقل بالبكسل.
16px12 ptالكتابة المنسوخة من ملف CSS تحمل وحدة الحقل نفسها، فتبقى القيمة كما هي.
font-size: 14px;10.5 ptيمكنك لصق السطر كاملاً من ملف CSS؛ يأخذ الحقل الرقم وحده.
١٦12 ptالأرقام العربية الهندية مقبولة أيضاً: يقرأ الحقل 16 بكسل.
16 بكسل12 ptاسم الوحدة بالعربية مقروء كذلك.
12 نقطة12 ptالقيمة بالنقاط تُحوَّل أولاً إلى بكسل فيدخل الحقل 16.
١٢ نقطة12 ptالشيء نفسه بالأرقام العربية الهندية: يدخل الحقل 16.
10.5 pt10.5 ptقيمة بالنقاط منسوخة من Word تُحوَّل إلى بكسل: يدخل الحقل 14.
½0.38 ptالكسر المكتوب برمز واحد مقبول: يحسب الحقل 0.5 بكسل.
قبل كتابة هذا الجدول جرّبنا كل شكل في الحقل الحقيقي. وأشكال الكتابة التي يقبلها حقل النقاط في جدول صفحة محوّل pt إلى px.

أين تستعمل البرامج النقاط وأين تستعمل البكسل؟

  1. Microsoft Word

    يطلب Word مقاس الخط بالنقاط، وتكتب القيمة في مربع «حجم الخط»؛ ويقبل مقاسات بين 1 و1638 بمضاعفات 0.5[5]. وللحصول على مقاس نص مقداره 16 بكسل في صفحة ويب اكتب 12، ولـ14 بكسل اكتب 10.5.

  2. Adobe InDesign

    في حقول InDesign يمكنك كتابة القيمة مع وحدتها: إذا كتبت «24px» حوّلها البرنامج إلى وحدة المستند[10]. ووحدات المساطر تُغيَّر في Windows من Edit › Preferences › Units & Increments (الأسماء من الواجهة الإنجليزية).

  3. Adobe Photoshop

    إذا كان الخيار Point/Pica Size في Edit › Preferences › Units & Rulers مضبوطاً على «PostScript (72 points per inch)»، فنقطة Photoshop هي نقطة هذا المحوّل نفسها[11] (الأسماء من الواجهة الإنجليزية).

تحويل بكسل إلى وحدات أخرى

px إلى rempx إلى سمpx إلى ممpx إلى إنشpx إلى متر

المصادر

  1. بكسل — ويكيبيديا
  2. CSS Values and Units Module Level 4 — W3C (بالإنجليزية)
  3. Point (typography) — ويكيبيديا (بالإنجليزية)
  4. <length> - CSS — MDN Web Docs (بالإنجليزية)
  5. تغيير حجم الخط — دعم Microsoft
  6. Document management — Portable document format — Part 1: PDF 1.7 (ISO 32000-1) — Adobe / ISO (بالإنجليزية)
  7. أحجام الورق القياسية الدولية — ويكيبيديا
  8. UIScreen: scale — Apple Developer Documentation (بالإنجليزية)
  9. iPhone 17 Pro - المواصفات التقنية — Apple
  10. Rulers and measurement units — Adobe InDesign Help (بالإنجليزية)
  11. Rulers — Adobe Photoshop Help (بالإنجليزية)

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

آخر مراجعة للمحتوى: · كتبه وراجعه فريق Arteon

أسئلة شائعة عن تحويل البكسل إلى نقاط

كم نقطة في البكسل الواحد؟

0.75 نقطة. وأربعة بكسلات تساوي ثلاث نقاط بالضبط، لذلك كل عدد من البكسل يقبل القسمة على 4 يعطي نقاطاً صحيحة: 16 بكسل تساوي 12 نقطة، و24 بكسل تساوي 18 نقطة.

كم نقطة تساوي 16 بكسل؟

12 نقطة. و16 بكسل، وهو المقاس الافتراضي الشائع في المتصفحات[4]، يساوي في Word نصاً مقاسه 12 نقطة.

كم نقطة تساوي 14 بكسل؟

10.5 نقطة، لأن 14 × 0.75 = 10.5. ويقبل Word هذا المقاس لأنه يسمح بمضاعفات 0.5[5].

هل 100 بكسل تساوي بوصة؟

لا. في CSS تساوي البوصة 96 بكسل و72 نقطة[2]. و100 بكسل تساوي 75 نقطة، أي أطول من البوصة بأربعة بكسلات، نحو 26.5 مم.

كم مليمتر في وحدة PDF الواحدة؟

إذا لم تحدّد الصفحة وحدة أخرى فهي 1/72 من البوصة، أي نحو 0.3528 مم[6]. وهي مقدار نقطة Word نفسها، لذلك تبلغ صفحة A4‏ 595 × 842 وحدة.

هل نقطة تطبيقات iPhone هي النقطة الطباعية؟

لا. نقطة iPhone وحدة إحداثيات الشاشة المنطقية: في شاشة معاملها 3 تُعرض النقطة الواحدة مربعاً من 3 × 3، أي تسعة بكسلات[8]. أما هذا المحوّل فيحسب النقطة الطباعية التي مقدارها 1/72 من البوصة.

هل أضرب في 0.75 أيضاً عند الطباعة بدقة 300 dpi؟

نعم لمقاس الخط، لأن النقطة وبكسل CSS طولان ثابتان معرّفان بالبوصة. أما مقاس صورة عدد بكسلاتها معلوم فيتغيّر بتغيّر الدقة، ويحسبه محوّل px إلى مم.

لماذا تخرج النتيجة كسرية، مثل 11.25؟

لأن البكسل الذي لا يقبل القسمة على 4 يعطي، بعد الضرب في 0.75، نقاطاً كسرية بخطوة ربع نقطة: 15 بكسل تساوي 11.25 نقطة، و17 بكسل تساوي 12.75 نقطة. ويقبل Word مضاعفات 0.5[5]، فتكتبها هناك 11 أو 11.5 و12.5 أو 13.

لقطة شاشة لأداة مجانية من Arteon: حوّل البكسل (px) إلى نقاط (pt)

ساعدنا في تحسين هذا المحوّل

هل وجدت قيمة يعطي فيها برنامجك نتيجة مختلفة، أو عندك فكرة؟ اكتب لنا.