محوّل البكسل وDPI – تحقّق من 16 وحدة
100 px عند 96 DPI تساوي 2.646 سم، وعند 300 DPI تساوي 0.8467 سم، لأن مقاس البكسل يتغير مع الدقة. اكتب رقمًا في حقل «التحويل من»، واختر الوحدات من القوائم أسفل الحقلين، ثم اضبط الدقة في حقل «الدقة». يحوّل هذا المحوّل البكسل وبكسل CSS ووحدتي dp وsp في Android والسنتيمتر والمليمتر والإنش والنقطة والبايكا ووحدة twip ووحدة EMU في ملفات Office.
كيف أحوّل البكسل إلى سنتيمتر وإنش؟
اكتب رقمًا في حقل «التحويل من» واختر وحدته من القائمة أسفل الحقل، ثم اختر الوحدة التي تحتاجها أسفل حقل «التحويل إلى». تظهر النتيجة أثناء الكتابة، ويعمل التحويل في الاتجاه المعاكس أيضًا: اكتب رقمًا في حقل «التحويل إلى» فيملأ المحوّل الحقل الأول. في القائمتين الوحدات الست عشرة نفسها موزعة على مجموعات، وأول مجموعة، «الأكثر استخدامًا»، تضم البكسل والمليمتر والسنتيمتر والإنش.
بمجرد اختيار البكسل (px) أسفل أحد الحقلين، يظهر تحته حقل «الدقة» وفيه القيمة 96. اكتب فيه دقة الطباعة أو الشاشة، واستخدم أزرار DPI وpx/cm وdppx لتحدد الطريقة التي تكتب بها القيمة. عند تغيير الطريقة يُعاد حساب الرقم في الحقل تلقائيًا، فتصبح 300 DPI نحو 118.11 px/cm وتبقى النتيجة نفسها.
يمكنك أيضًا كتابة الوحدة بجانب الرقم، مثل «12 pt» أو «48 dp» أو «2 إنش»، فيختارها المحوّل للحقل. ينسخ زر «نسخ النتيجة» الرقم من حقل «التحويل إلى»، ويفرغ زر «مسح الكل» الحقلين.
لماذا لا يكون للبكسل مقاس ثابت؟
البكسل أصغر عنصر منفرد في الصورة النقطية[1]، وملف الصورة لا يحفظ إلا عدد البكسلات في العرض والارتفاع. أما المقاس على الورق أو الشاشة فتحدده الدقة، أي عدد البكسلات في الإنش الواحد. لذلك تُطبع صورة عرضها 3000 px بعرض 10 إنشات (25.4 سم) عند 300 DPI، وبعرض 20 إنشًا (50.8 سم) عند 150 DPI.
المعادلة قصيرة: in = px ÷ DPI وcm = px ÷ DPI × 2.54، لأن الإنش يساوي 2.54 سم تمامًا[6]. وعند 300 DPI يحتوي السنتيمتر الواحد على 118.11 px، والمليمتر الواحد على 11.81 px.
تعدّ Adobe الدقة 300 ppi معيار الصناعة للطباعة عالية الجودة[2]. وتسمّي البرامج DPI وPPI باسم واحد هو الدقة، لذلك يقبل حقل «الدقة» أيًّا منهما.
كم بكسل في الإنش والسنتيمتر والمليمتر؟
| الدقة | بكسل في الإنش | بكسل في السنتيمتر | بكسل في المليمتر |
|---|---|---|---|
| 72 DPI | 72 | 28.346 | 2.83 |
| 96 DPI | 96 | 37.795 | 3.78 |
| 150 DPI | 150 | 59.055 | 5.91 |
| 200 DPI | 200 | 78.74 | 7.87 |
| 300 DPI | 300 | 118.11 | 11.81 |
| 600 DPI | 600 | 236.22 | 23.62 |
| 1200 DPI | 1200 | 472.441 | 47.24 |
كم بكسل في ورقة A4 وبطاقة الأعمال والصورة المطبوعة؟
| المقاس | بالمليمتر | 96 DPI | 150 DPI | 300 DPI |
|---|---|---|---|---|
| ورق A5 | 148 × 210 | 559 × 794 | 874 × 1240 | 1748 × 2480 |
| ورق A4 | 210 × 297 | 794 × 1123 | 1240 × 1754 | 2480 × 3508 |
| ورق A3 | 297 × 420 | 1123 × 1587 | 1754 × 2480 | 3508 × 4961 |
| بطاقة الأعمال | 90 × 54 | 340 × 204 | 531 × 319 | 1063 × 638 |
| صورة مطبوعة 10 في 15 سم | 100 × 150 | 378 × 567 | 591 × 886 | 1181 × 1772 |
ما الفرق بين بكسل CSS وبكسل الشاشة؟
تحدد المواقع المقاسات ببكسل CSS. وتعطيه مواصفة CSS مقاسًا ثابتًا: الإنش يساوي 2.54 سم ويساوي 96 بكسل CSS[6]، فيكون بكسل CSS الواحد دائمًا نحو 0.2646 مم، أي 0.75 pt تمامًا. لذلك له مكان مستقل في القائمة بعيدًا عن البكسل العادي: حقل «الدقة» لا يغيّره.
الشاشة عالية الكثافة ترسم بكسل CSS الواحد بعدة بكسلات من بكسلات الشاشة. وتعبّر CSS عن ذلك بوحدة dppx، أي عدد النقاط في بكسل CSS، وتساوي 1 dppx دقة 96 DPI[6]. إن كنت تعرف قيمة dppx لشاشتك، فاضغط زر dppx ثم اكتبها في حقل «الدقة».
ويحسب Windows بالطريقة نفسها: القيمة الأساسية للدقة 96، والتحجيم 100% يقابل 96 DPI، والبكسل المستقل عن الجهاز (DIP) يساوي 1/96 من الإنش المنطقي[7].
ما وحدتا dp وsp في Android؟
يوصي Android بتصميم التطبيقات بالبكسل المستقل عن الكثافة (dp). يساوي dp الواحد نحو بكسل واحد على شاشة دقتها 160 DPI، ويحوّل النظام dp إلى بكسلات بالمعادلة px = dp × (dpi / 160)[8]. ويعدّ المحوّل dp مساويًا لـ1/160 من الإنش، فإذا كتبت دقة هاتفك في حقل «الدقة» أظهر عدد البكسلات نفسه الذي تعطيه المعادلة.
وتُحدد أحجام النصوص في Android بالبكسل القابل للتحجيم (sp). افتراضيًا يكون sp بحجم dp، لكنه يتغير مع حجم النص الذي يختاره المستخدم في الإعدادات[8]. ويحسب المحوّل sp عند حجم النص الافتراضي، أي مثل dp.
كم بكسل في dp واحد داخل مجلدات mdpi وhdpi وxhdpi وxxhdpi؟
| مجلد الموارد | الدقة التقريبية | dp واحد بالبكسل | أيقونة 48 dp |
|---|---|---|---|
| drawable-ldpi | 120 DPI | 0.75 px | 36 × 36 px |
| drawable-mdpi | 160 DPI | 1 px | 48 × 48 px |
| drawable-hdpi | 240 DPI | 1.5 px | 72 × 72 px |
| drawable-xhdpi | 320 DPI | 2 px | 96 × 96 px |
| drawable-xxhdpi | 480 DPI | 3 px | 144 × 144 px |
| drawable-xxxhdpi | 640 DPI | 4 px | 192 × 192 px |
ما النقطة والبايكا وtwip وEMU؟
النقطة (pt) التي يستخدمها المحوّل تساوي 1/72 من الإنش، أي نحو 0.3528 مم، والبايكا (pc) تساوي 1/6 من الإنش، أي 12 نقطة[6]. ويحدد Word حجم الخط بالنقاط، فالنص بحجم 12 pt يبلغ نحو 4.23 مم، أو 16 px على شاشة دقتها 96 DPI.
twip جزء من عشرين من النقطة، ففي الإنش الواحد 1440 twip. ويحفظ تنسيق Word القديم (.doc) الهوامش ومقاس الصفحة بوحدة twip: الهامش الذي عرضه إنش واحد مكتوب في الملف بقيمة 1440 twip[9].
EMU (English Metric Unit) وحدة إحداثيات في ملفات Office: في الإنش 914400 EMU وفي السنتيمتر 360000 EMU[10]. لذلك يساوي المليمتر الواحد 36000 EMU تمامًا.
ما الوحدات التي يعرفها هذا المحوّل؟
| الوحدة | بالإنش | بالبكسل عند 96 DPI | المجموعة في القائمة |
|---|---|---|---|
| بكسل (px) | 1/DPI | 1 | الأكثر استخدامًا |
| بكسل CSS | 0.0104167 | 1 | الشاشات والمواقع والتطبيقات |
| بكسل مستقل عن الكثافة (dp) | 0.00625 | 0.6 | الشاشات والمواقع والتطبيقات |
| بكسل قابل للتحجيم (sp) | 0.00625 | 0.6 | الشاشات والمواقع والتطبيقات |
| ميكرومتر (µm) | 0.0000393701 | 0.00377953 | مترية (النظام الدولي) |
| مليمتر (mm) | 0.0393701 | 3.77953 | الأكثر استخدامًا |
| ربع مليمتر (Q) | 0.00984252 | 0.944882 | مترية من خارج النظام الدولي |
| سنتيمتر (cm) | 0.393701 | 37.7953 | الأكثر استخدامًا |
| متر (m) | 39.3701 | 3779.53 | مترية (النظام الدولي) |
| إنش (in) | 1 | 96 | الأكثر استخدامًا |
| قدم (ft) | 12 | 1152 | الإمبراطورية والأمريكية |
| ياردة (yd) | 36 | 3456 | الإمبراطورية والأمريكية |
| نقطة (pt) | 0.0138889 | 1.33333 | الطباعية |
| بايكا (pc) | 0.166667 | 16 | الطباعية |
| twip | 0.000694444 | 0.0666667 | وحدات ملفات Office |
| وحدة EMU | 0.00000109361 | 0.000104987 | وحدات ملفات Office |
ماذا يمكنني أن أكتب في حقل «التحويل من»؟
| ما تكتبه | الوحدة أسفل حقل «التحويل من» | النتيجة في حقل «التحويل إلى» | كيف نقرؤها |
|---|---|---|---|
| 100 | بكسل (px) | 2.64583333333333 cm | الرقم الذي لا وحدة له يُحسب بالوحدة المختارة أسفل الحقل، وهي هنا البكسل. |
| 2.5 | بكسل (px) | 0.0661458333333333 cm | النقطة فاصلة عشرية، فهذا بكسلان ونصف. |
| 1,500 | بكسل (px) | 39.6875 cm | الفاصلة التي تليها ثلاثة أرقام تفصل الآلاف، ففي الحقل ألف وخمسمئة بكسل، ويظهر أسفل الحقل سطر يبيّن كيف قُرئ الرقم. |
| ١٠٠ | بكسل (px) | 2.64583333333333 cm | الأرقام العربية الهندية تُقرأ كما هي، فهذا 100. |
| ٢٫٥ | بكسل (px) | 0.0661458333333333 cm | الفاصلة العشرية العربية «٫» تُقرأ مثل النقطة، فهذا أيضًا بكسلان ونصف. |
| 12 pt | نقطة (pt) | 0.423333333333333 cm | الوحدة المكتوبة بعد الرقم تغيّر الوحدة أسفل الحقل، وهي هنا النقطة، ويظهر أسفل الحقل سطر يخبرك بهذا التغيير. |
| 2 بوصة | إنش (in) | 5.08 cm | يمكن كتابة اسم الوحدة بالعربية، والبوصة والإنش هنا وحدة واحدة. |
| 5 سم | سنتيمتر (cm) | 5 cm | يقرأ المحوّل الاختصارات العربية مثل «سم» و«ملم». |
| 48 dp | بكسل مستقل عن الكثافة (dp) | 0.762 cm | رمزا dp وsp من Android يغيّران أيضًا الوحدة أسفل الحقل. |
| 300 dpi | بكسل (px) | — (رسالة أسفل الحقل) | الدقة ليست مقاسًا، فلا تظهر نتيجة، ويظهر أسفل الحقل إرشاد إلى المكان الذي تُكتب فيه DPI. |
المصادر
- بكسل — ويكيبيديا
- Print resolution for images in Photoshop — Adobe (بالإنجليزية)
- ISO 216 — ويكيبيديا (بالإنجليزية)
- Business card — ويكيبيديا (بالإنجليزية)
- Photo print sizes — ويكيبيديا (بالإنجليزية)
- CSS Values and Units Module Level 4 — W3C (بالإنجليزية)
- DPI and device-independent pixels — Microsoft Learn (بالإنجليزية)
- Support different pixel densities — Android Developers (بالإنجليزية)
- [MS-DOC]: Example of a section — Microsoft Learn (بالإنجليزية)
- [MS-OE376]: ST_Coordinate (Coordinate) — Microsoft Learn (بالإنجليزية)
حسبنا كل القيم في الجداول من تعريفات الوحدات وتحققنا منها بالحساب قبل النشر. تستند البيانات التاريخية وأسماء الوحدات المحلية إلى المصادر المذكورة أعلاه.
آخر مراجعة للمحتوى: · كتبه وراجعه فريق Arteon
أسئلة شائعة عن البكسل وDPI
هل يجب أن تكون صور المواقع بدقة 72 DPI؟
لا. يعرض المتصفح الصورة بعدد بكسلاتها، والدقة المكتوبة في الملف لا تغيّر مقاسها في الصفحة. المهم للموقع هو العرض بالبكسل، مثل 1200 px لصورة تملأ عرض المقال.
لماذا يساوي الإنش دائمًا 96 px في CSS ولا يكون كذلك في Photoshop؟
تربط CSS وحداتها ببكسل CSS، لذلك يساوي الإنش هناك 96 px دائمًا[6]. أما Photoshop فيحسب ببكسلات الملف، وعدد ما يدخل منها في الإنش يتوقف على دقة المستند.
كيف أحوّل px/cm إلى DPI؟
اضرب القيمة في 2.54، لأن الإنش يساوي 2.54 سم: 118.11 px/cm تساوي 300 DPI. وفي المحوّل يكفي أن تضغط زر px/cm ليُعاد حساب الرقم في حقل «الدقة» تلقائيًا.
هل يرسل المحوّل بياناتي إلى خادم؟
لا. تجري الحسابات كلها في متصفحك، فلا تغادر الأرقام التي تكتبها جهازك.
ساعدنا على تحسين هذا المحوّل
هل تنقصك وحدة، أو تختلف النتيجة عمّا يعرضه برنامجك؟ اكتب لنا اسم البرنامج والقيم التي تراها فيه.