حوّل النقاط (pt) إلى بكسل (px)
12 pt تساوي 16 px، وعلى الورق تشغل نحو 4.23 مم. في البوصة الواحدة 72 نقطة و96 بكسل CSS، فيكفي أن تضرب النقاط في 4/3. نص مقاسه 11 نقطة في Word يظهر على صفحة الويب بمقاس 14.67 بكسل، وعنوان مقاسه 18 نقطة يساوي 24 بكسل. اكتب النقاط في الحقل الأول ليظهر البكسل بجانبه.
ما النقطة (pt) وما البكسل (px)؟
النقطة هي وحدة الطباعة التي تُقاس بها مقاسات الحروف. تحسب برامج اليوم نقطة النشر المكتبي (DTP)، ومقدارها 1/72 من البوصة، أي نحو 0.3528 مم[1]، وتعرّفها CSS بالمقدار نفسه[2]. أما الصف المعدني في أوروبا القارية فاستعمل نقطة ديدو، ومقدارها نحو 0.376 مم[1].
البكسل هو أصغر عنصر منفرد في مصفوفة الصورة النقطية أو في شاشة العرض[3]. وفي CSS البكسل وحدة طول أيضاً: 1/96 من البوصة[2]. ولأن البوصة تتسع لـ72 نقطة و96 بكسل، فإن الطول نفسه يعطي بالبكسل رقماً أكبر بمقدار 4/3 مما يعطيه بالنقاط.

كم بكسل تساوي 12 نقطة؟
12 نقطة تساوي 16 بكسل. لتعرف البكسل اضرب النقاط في 96 واقسم على 72، أي اضربها في 4/3. و18 نقطة تساوي 24 بكسل، و72 نقطة، وهي بوصة كاملة، تساوي 96 بكسل. أما على الورق فتشغل 12 نقطة نحو 4.23 مم.
هذه النسبة تأتي من معيار CSS الذي يجعل البوصة 96 بكسل والنقطة 1/72 من البوصة[2]. لذلك يظهر نص مكتوب بـfont-size: 12pt ونص مكتوب بـfont-size: 16px بالمقاس نفسه في كل متصفح. و16 بكسل هو المقاس الافتراضي الشائع للخط في المتصفحات[4]. فإذا نقلت مقاس خط من مستند Word إلى صفحة ويب، حوّل النقاط إلى بكسل أولاً.
وحين تكتب النتيجة في ملف CSS انتبه إلى الفاصل العشري: لا تقبل CSS إلا النقطة «.»[2]، فتكتب 14.67px ولا تكتب الفاصلة العربية «٫». لهذا ينسخ زر «نسخ النتيجة» الرقم بنقطة عشرية وبلا وحدة، فتلصقه في الملف كما هو.
وإذا كان عندك المقاس بوحدة أخرى فلا تحسبه بنفسك: الصق «16px» أو «3 مم» أو «١٢ نقطة» في الحقل، فيحوّله المحوّل إلى وحدة الحقل ويكتب تحته كم صارت القيمة. والأشكال المقبولة كلها في جدول أسفل الصفحة.
كيف تحوّل النقاط إلى بكسل؟
المعادلة هي px = pt × 96 ÷ 72، أي الضرب في 4/3. فـ9 نقاط تساوي 12 بكسل، و24 نقطة تساوي 32 بكسل، و36 نقطة تساوي 48 بكسل. المقاسات التي تقبل القسمة على 3 تعطي بكسلاً صحيحاً، وغيرها يعطي كسراً: 10 نقاط تساوي 13.33 بكسل، و11 نقطة تساوي 14.67 بكسل.
المعادلة نفسها تصلح لسُمك الخطوط: 0.75 نقطة تساوي بكسلاً واحداً بالضبط، و1.5 نقطة تساوي بكسلين. وللحساب في الاتجاه المعاكس استعمل محوّل px إلى pt حيث يُضرب البكسل في 0.75. أما البايكا، وهي 12 نقطة، فيحوّلها محوّل البايكا إلى px، ووحدة rem التي تتبع مقاس خط المتصفح يحوّلها محوّل rem إلى px.
الرقم 96 جاء من Windows. حسبت Microsoft أن الشاشة تبعد عن العين نحو الثلث أكثر من ورقة في اليد، فقررت أن تُبلِغ عن دقة الشاشات القريبة من 72 PPI بوصفها 96 PPI[5]. ومعيار CSS يعرّف البكسل المرجعي بأنه بكسل شاشة دقتها 96 dpi يُنظر إليها من مسافة ذراع ممدودة[2].

كم بكسل يساوي كل مقاس خط؟
| مقاس الخط | بكسل (96 DPI) | مليمتر |
|---|---|---|
| 6 pt | 8 px | 2.117 مم |
| 7 pt | 9.33 px | 2.469 مم |
| 8 pt | 10.67 px | 2.822 مم |
| 9 pt | 12 px | 3.175 مم |
| 10 pt | 13.33 px | 3.528 مم |
| 10.5 pt | 14 px | 3.704 مم |
| 11 pt | 14.67 px | 3.881 مم |
| 12 pt | 16 px | 4.233 مم |
| 13 pt | 17.33 px | 4.586 مم |
| 14 pt | 18.67 px | 4.939 مم |
| 15 pt | 20 px | 5.292 مم |
| 16 pt | 21.33 px | 5.644 مم |
| 18 pt | 24 px | 6.350 مم |
| 20 pt | 26.67 px | 7.056 مم |
| 21 pt | 28 px | 7.408 مم |
| 22 pt | 29.33 px | 7.761 مم |
| 24 pt | 32 px | 8.467 مم |
| 26 pt | 34.67 px | 9.172 مم |
| 28 pt | 37.33 px | 9.878 مم |
| 30 pt | 40 px | 10.583 مم |
| 32 pt | 42.67 px | 11.289 مم |
| 34 pt | 45.33 px | 11.994 مم |
| 36 pt | 48 px | 12.700 مم |
| 40 pt | 53.33 px | 14.111 مم |
| 44 pt | 58.67 px | 15.522 مم |
| 48 pt | 64 px | 16.933 مم |
| 54 pt | 72 px | 19.050 مم |
| 60 pt | 80 px | 21.167 مم |
| 72 pt | 96 px | 25.400 مم |
| 96 pt | 128 px | 33.867 مم |
كم بكسل يساوي سُمك الخط؟
border: 1px في ملف CSS.| سُمك الخط | بكسل (96 DPI) | مليمتر |
|---|---|---|
| 0.25 pt | 0.33 px | 0.088 مم |
| 0.5 pt | 0.67 px | 0.176 مم |
| 0.75 pt | 1 px | 0.265 مم |
| 1 pt | 1.33 px | 0.353 مم |
| 1.5 pt | 2 px | 0.529 مم |
| 2 pt | 2.67 px | 0.706 مم |
| 3 pt | 4 px | 1.058 مم |
| 4 pt | 5.33 px | 1.411 مم |
| 5 pt | 6.67 px | 1.764 مم |
| 6 pt | 8 px | 2.117 مم |
| 8 pt | 10.67 px | 2.822 مم |
| 10 pt | 13.33 px | 3.528 مم |
| 12 pt | 16 px | 4.233 مم |
هل نقطة ديدو هي نقطة Word نفسها؟
| النقطة | نقطة واحدة | 12 نقطة | 12 نقطة بالبكسل | أين تلقاها |
|---|---|---|---|---|
| نقطة DTP (PostScript) | 0.3528 مم | 4.233 مم | 16 px | Word وInDesign وPDF وCSS؛ وهي نقطة هذا المحوّل |
| نقطة ديدو | 0.3760 مم | 4.512 مم | 17.05 px | الصف المعدني في أوروبا القارية |
| نقطة TeX | 0.3515 مم | 4.218 مم | 15.94 px | «pt» في TeX وLaTeX |
أي أشكال الكتابة يقبلها حقل النقاط في هذا المحوّل؟
| ما تكتبه أو تلصقه | نتيجة المحوّل | كيف يقرأ الحقل هذا الشكل |
|---|---|---|
| 12 | 16 px | إذا كتبت الرقم وحده قرأه الحقل بالنقاط. |
| 10.5 | 14 px | النقطة العشرية تفصل الكسر، كما في حقل النتيجة؛ يحسب الحقل 10.5 نقطة. |
| ١٢ | 16 px | الأرقام العربية الهندية مقبولة أيضاً: يقرأ الحقل 12 نقطة. |
| ١٠٫٥ نقطة | 14 px | مع الفاصلة العشرية العربية «٫» واسم الوحدة، يحسب الحقل 10.5 نقطة. |
| 12 نقطة | 16 px | يمكنك كتابة اسم الوحدة مع الرقم؛ يحسب الحقل 12 نقطة. |
| 12pt | 16 px | الاختصار المنسوخ من Word أو من ملف CSS هو وحدة الحقل نفسها، فتبقى القيمة كما هي. |
| font-size: 16px; | 16 px | السطر المنسوخ من ملف CSS مكتوب بالبكسل: تُحوَّل القيمة أولاً إلى نقاط فيدخل الحقل 12. يتجاهل الحقل اسم الخاصية والفاصلة المنقوطة. |
| ١٦ بكسل | 16 px | قيمة بالبكسل بالأرقام العربية الهندية: تُحوَّل إلى نقاط فيدخل الحقل 12. |
| 3 مم | 11.34 px | المليمترات تُحوَّل أولاً إلى نقاط: يدخل الحقل 8.503937. |
| 1 بوصة | 96 px | البوصة مقبولة أيضاً: بوصة واحدة تساوي 72 نقطة. |
| 3/4 | 1 px | الكسر مقبول كذلك: 0.75 نقطة تساوي بكسلاً واحداً بالضبط. |
كيف تبدّل الوحدة بين النقاط والبكسل في البرامج؟
Adobe InDesign
في Windows افتح Edit › Preferences › Units & Increments، وفي macOS InDesign › Preferences › Units & Increments، ثم اختر Pixels في Ruler Units للخانتين Horizontal وVertical[7] (الأسماء من الواجهة الإنجليزية، إذ لا واجهة عربية للبرنامج). وأياً كانت الوحدة المختارة، يمكنك في أي حقل كتابة القيمة مع وحدتها، مثل «6pt» أو «6ap» أو «5px»، فيحوّلها InDesign إلى وحدة المستند[7].Adobe Photoshop
في Windows اختر Edit › Preferences › Units & Rulers، وفي macOS Photoshop › Preferences › Units & Rulers؛ وتفتح النافذة نفسها بالنقر المزدوج على المسطرة[8]. وإذا اخترت في Point/Pica Size الخيار «PostScript (72 points per inch)» حسب Photoshop بالنقطة نفسها التي يحسب بها هذا المحوّل، أما الخيار «Traditional» فيحسب 72.27 نقطة في البوصة[8].Microsoft Word
يعرض Word مقاس الخط بالنقاط في مربع «حجم الخط»، ويقبل مقاسات بين 1 و1638 بمضاعفات 0.5، مثل 10.5[9]. وللحصول على مقاس نص مقداره 16 بكسل في صفحة ويب اكتب 12، ولـ14 بكسل اكتب 10.5؛ وبقية القيم يحوّلها محوّل px إلى pt.
تحويل وحدات أخرى إلى بكسل
المصادر
- Point (typography) — ويكيبيديا (بالإنجليزية)
- CSS Values and Units Module Level 4 — W3C (بالإنجليزية)
- بكسل — ويكيبيديا
- <length> - CSS — MDN Web Docs (بالإنجليزية)
- Where does 96 DPI come from in Windows? — Microsoft Learn (بالإنجليزية)
- Web Content Accessibility Guidelines (WCAG) 2.2 — W3C (بالإنجليزية)
- Rulers and measurement units — Adobe InDesign Help (بالإنجليزية)
- Rulers — Adobe Photoshop Help (بالإنجليزية)
- تغيير حجم الخط — دعم Microsoft
حسبنا كل القيم في الجداول من تعريفات الوحدات وتحققنا منها بالحساب قبل النشر. تستند البيانات التاريخية وأسماء الوحدات المحلية إلى المصادر المذكورة أعلاه.
آخر مراجعة للمحتوى: · كتبه وراجعه فريق Arteon
أسئلة شائعة عن تحويل النقاط إلى بكسل
كم بكسل تساوي 14 نقطة؟
نحو 18.67 بكسل، لأن 14 × 4/3 = 18.666…، فتكتب في ملف CSS القيمة 18.67px.
كم مليمتر في النقطة الواحدة؟
نقطة Word وCSS هي 1/72 من البوصة، أي نحو 0.3528 مم. ونقطة ديدو نحو 0.376 مم[1]. فـ12 نقطة في Word تساوي 4.23 مم، و12 نقطة ديدو تساوي 4.51 مم.
هل 12 px و12 pt المقاس نفسه؟
لا. 12 نقطة تساوي 16 بكسل، و12 بكسل تساوي 9 نقاط. تُستعمل النقاط في Word وInDesign، والبكسل في ملفات CSS، فالرقم نفسه يعني مقاساً مختلفاً.
كم بكسل تساوي 10 نقاط؟
13.33 بكسل. ولأن 10 لا تقبل القسمة على 3 بلا باقٍ، تخرج النتيجة كسرية؛ وCSS تقبل القيم الكسرية أيضاً.
كم بكسل تساوي 72 نقطة؟
96 بكسل بالضبط، أي بوصة واحدة أو 25.4 مم. ومعيار CSS يجعل البوصة 96 بكسل والنقطة 1/72 من البوصة[2].
هل يقبل الحقل الأرقام العربية الهندية؟
نعم. يمكنك كتابة «١٢» أو «١٠٫٥ نقطة» بالفاصلة العشرية العربية، ويقرأ الحقل القيمة نفسها ويحسبها. أما النتيجة فتُعرض بالأرقام اللاتينية وبنقطة عشرية، كما تكتبها ملفات CSS.
هل نقطة LaTeX هي نقطة هذا المحوّل؟
لا. في TeX وLaTeX تعني «pt» المقدار 1/72.27 من البوصة، أما النقطة 1/72 فتُكتب هناك «bp»[1]. والفرق نحو 0.4%، أي 0.016 مم عند 12 نقطة. ويحسب هذا المحوّل بنقطة DTP التي تقابل «bp».
كم بكسل يساوي خط سُمكه 0.5 نقطة؟
نحو 0.67 بكسل. وخط سُمكه 0.75 نقطة يساوي بكسلاً واحداً بالضبط، وسُمكه 1.5 نقطة يساوي بكسلين.

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