الالتباس حول الدقة شائع وله ما يبرّره. فالمصطلح الواحد يصف أشياء مختلفة بحسب السياق: الكاميرا تتحدث بالميغابكسل، وPhotoshop يتحدث بـ PPI، والمطبعة تطلب 300 DPI، وGoogle ينصح بأن تكون صور الويب «بدقة تكفي شاشات Retina». وكأن لكل برنامج ولكل مهني مفرداته الخاصة.
يضع هذا المقال كل مفهوم في موضعه الصحيح، ويشرح كيف ترتبط ببعضها، وما الذي يهمّ فعلًا في كل حالة عملية.
ما البكسل
كلمة pixel اختصار لعبارة picture element — أي «عنصر صورة». وهو أصغر وحدة في الصورة الرقمية النقطية: نقطة لون واحدة لا تتجزّأ.
الصورة الرقمية شبكة مستطيلة من البكسلات، يخزّن كل بكسل فيها قيمة لون تُمثَّل عادةً بثلاث قنوات: الأحمر (R) والأخضر (G) والأزرق (B)، ولكل منها 256 مستوى (من 0 إلى 255). وهذا يعطي 256³ = 16,7 مليون لون ممكن لكل بكسل في نموذج RGB بعمق 8 بت.
والبكسل وحدة مجرّدة بلا مقاس مادي أصيل؛ فهو ليس كبيرًا ولا صغيرًا، بل مجرد قيمة لون في شبكة. أما المساحة التي يشغلها في العالم الملموس فتتوقف كليًا على سياق العرض أو الطباعة.
وهذا التمييز هو أصل كل الالتباس حول الدقة: البكسلات تعيش في فضاء مجرّد، بلا أبعاد مادية. وحين نتحدث عن الدقة، فنحن نتحدث دائمًا عن كيفية إسقاط هذه البكسلات المجرّدة على فضاء مادي، سواء كان شاشة أو ورقة.
ما دقة الصورة
كلمة «الدقة» تحمل معنيين مختلفين كثيرًا ما يختلطان:
- الدقة بمعنى الأبعاد الكلية بالبكسل: كأن تقول «دقة هذه الصورة 3840×2160 بكسل». فالدقة هنا تصف عدد البكسلات عرضًا وارتفاعًا، والصورة «عالية الدقة» بهذا المعنى تحوي بكسلات كثيرة، أي تفاصيل أكثر وقدرة أكبر على التكبير أو الطباعة بمقاس كبير.
- الدقة بمعنى الكثافة: كأن تقول «هذه الصورة بدقة 300 DPI». فالدقة هنا تصف عدد البكسلات أو النقاط في وحدة الطول المادية، أي العلاقة بين الفضاء الرقمي (البكسل) والفضاء المادي (السنتيمتر والبوصة).
المعنى الأول، أي الأبعاد الكلية بالبكسل، هو ما يحدّد جودة الصورة الرقمية و«حجمها». أما الثاني، أي الكثافة، فلا معنى له إلا حين تُسقَط الصورة على مقاس مادي، كما في الطباعة.
ما هي PPI — بكسل لكل بوصة
PPI تعني بكسل لكل بوصة (pixels per inch). وهي مقياس كثافة البكسلات على شاشة أو داخل صورة رقمية، إذ تصف عدد البكسلات في كل بوصة طولية.
شاشة Full HD بقياس 24 بوصة دقتها 1920×1080 بكسل، وعرضها المادي نحو 21,5 بوصة. إذن: 1920 ÷ 21,5 ≈ 89 PPI. أي أن كل بوصة من الشاشة تضمّ 89 بكسل.
وهاتف iPhone 15 Pro شاشته 6,1 بوصة بدقة 2556×1179 بكسل، وعرضها المادي 2,82 بوصة. إذن: 2556 ÷ 2,82 ≈ 460 PPI — أي أكثر من خمسة أضعاف كثافة الشاشة المكتبية المعتادة.
وقيمة PPI للشاشة هي التي تحدّد وضوحها: فكلما ارتفعت صغرت البكسلات وصعُب تمييزها بالعين وبدت الصورة أحدّ. وقد سُمّيت شاشة «Retina» من Apple بهذا الاسم لأن العين البشرية، على مسافة الاستخدام المعتادة، لا تميّز البكسلات المنفردة فوق 300 PPI.
📐 PPI خاصية للشاشة لا للصورة. فقيمة PPI للشاشة ثابتة، تحدّدها دقتها ومقاسها المادي. وصورة بمقاس 1200×800 بكسل تشغل مساحة معيّنة على شاشة بـ 89 PPI، بينما تبدو الصورة نفسها أصغر بأربع مرات على شاشة بـ 460 PPI، لأن كل بكسل فيها أصغر ماديًا.
ما هي DPI — نقطة لكل بوصة
DPI تعني نقطة لكل بوصة (dots per inch). والمصطلح في أصله يشير إلى كثافة نقاط الحبر التي تضعها الطابعة على الورق. فطابعة بدقة 600 DPI تضع 600 نقطة حبر في كل بوصة طولية من الورق.
وفي عرف التصميم الجرافيكي يُستعمل المصطلحان كمترادفين لوصف كثافة بكسلات صورة معدّة للطباعة. فحين تطلب المطبعة «ملفًا بدقة 300 DPI»، فهي تطلب أن تحوي الصورة 300 بكسل لكل بوصة من مقاس الطباعة النهائي.
العلاقة بين البكسلات وPPI/DPI والمقاس المادي
وهذه هي المعادلة المحورية التي تفسّر كل شيء:
المقاس المادي (بالبوصة) = مجموع البكسلات ÷ الكثافة (DPI أو PPI)
أمثلة على الصورة نفسها بعرض 3000 بكسل:
| الكثافة (DPI) | العرض المادي الناتج | الاستخدام المعتاد |
|---|---|---|
| 72 DPI | 3000 ÷ 72 = 41,7 بوصة (106 سم) | شاشة قديمة منخفضة الدقة |
| 96 DPI | 3000 ÷ 96 = 31,25 بوصة (79 سم) | شاشة Windows الافتراضية |
| 150 DPI | 3000 ÷ 150 = 20 بوصة (51 سم) | طباعة منزلية مقبولة |
| 300 DPI | 3000 ÷ 300 = 10 بوصات (25,4 سم) | طباعة احترافية في المطابع |
| 600 DPI | 3000 ÷ 600 = 5 بوصات (12,7 سم) | طباعة دقيقة (نصوص بالغة الصغر) |
لاحظ أن الصورة لا تتغيّر، فالـ 3000 بكسل هي نفسها في كل الحالات. الذي يتغيّر هو توزيع هذه البكسلات في الفضاء المادي. فعند 300 DPI يشغل البكسل 1/300 من البوصة، وعند 72 DPI يشغل البكسل نفسه 1/72 من البوصة، أي أكبر بأربعة أضعاف وزيادة. ولهذا تبدو الصورة المطبوعة عند 72 DPI «مربّعة»: كل بكسل فيها كبير بما يكفي ليُرى منفردًا.
ما الميغابكسل
الميغابكسل يساوي مليون بكسل. فكاميرا بـ 12 ميغابكسل تنتج صورًا بنحو 12 مليون بكسل، ودقتها المعتادة 4032×3024 بكسل، و4032 × 3024 = 12.192.768 بكسل، وهو ما يُقرَّب إلى «12 ميغابكسل» في الإعلانات.
| الميغابكسل | الدقة المعتادة | أكبر مقاس عند 300 DPI |
|---|---|---|
| 8 MP | 3264 × 2448 px | 27,7 × 20,8 سم |
| 12 MP | 4032 × 3024 px | 34,2 × 25,6 سم |
| 24 MP | 6000 × 4000 px | 50,8 × 33,9 سم |
| 48 MP | 8064 × 6048 px | 68,3 × 51,2 سم (أكبر من A1) |
| 108 MP | 12032 × 9000 px | 101,9 × 76,2 سم |
والخلاصة العملية أن أي هاتف حديث (12 ميغابكسل فأكثر) يملك دقة تفوق ما تحتاجه الطباعة بمقاس A4 عند 300 DPI. فكاميرا الهاتف ليست العائق في المقاسات المعتادة.
لماذا ارتبطت «72 DPI» بـ«الويب»
هذا من أقدم أعراف التصميم الرقمي وأكثرها سوء فهم. وأصله تاريخي: ففي ثمانينيات القرن الماضي كانت أولى شاشات Macintosh بكثافة نحو 72 بكسل لكل بوصة، واعتمد نظام Apple هذه القيمة مرجعًا لأنها سهّلت المطابقة بين الشاشة والطباعة، إذ إن النقطة الطباعية الواحدة = 1/72 من البوصة. ثم اعتمد Photoshop القيمة نفسها افتراضيًا لمستندات الشاشة، فترسّخ العرف.
أما شاشات اليوم فكثافتها بين 90 و140 PPI، وتبلغ هواتف iPhone الحديثة 460 PPI. فقيمة 72 PPI متجاوَزة تمامًا كوصف للشاشات.
وأهم ما يترتّب على ذلك: أن قيمة DPI في بيانات الصورة الرقمية لا أثر لها البتة في العرض على الشاشة. فصورة 1200×800px تحمل «72 DPI» وأخرى تحمل «300 DPI» تُعرضان في المتصفح على نحو متطابق، لأنه يتجاهل هذه البيانات ويعرض كل بكسل من الملف كبكسل من الشاشة. ولا تكتسب هذه القيمة أهمية إلا حين تُفتح الصورة في برنامج سيطبعها.
💡 الخلاصة الحاسمة بشأن «72 DPI للويب»: إنه عرف تاريخي متجاوَز باقٍ بحكم العادة. فالمهم في صور الويب هو أبعاد الصورة بالبكسل — لا قيمة DPI. فصورة 1920×1080px تفي بشاشة Full HD سواء قال الملف 72 DPI أو 300 DPI.
شاشات Retina ومعامل @2x
أطلقت Apple شاشات Retina مع iPhone 4 عام 2010 بكثافة 326 PPI، أي نحو ضعف كثافة شاشات ذلك الوقت. وكان الحلّ الذي اعتُمد هو التفريق بين البكسل المنطقي والبكسل المادي:
- البكسل المنطقي (بكسل CSS): هو الوحدة المستخدمة في الشيفرة. فصورة معرّفة بـ
width: 300pxفي CSS تشغل 300 بكسل منطقي. - البكسل المادي: هو النقطة الفعلية على الشاشة. ففي شاشة Retina بمعامل @2x يُرسَم كل بكسل منطقي بأربعة بكسلات مادية (2×2)، وفي شاشة @3x يقابله تسعة بكسلات مادية.
والنتيجة أن الصور النقطية تبدو ضبابية على الشاشات عالية الكثافة إن لم تُقدَّم بدقة كافية. والحل أن تقدّمها بضعف أبعاد العرض أو بثلاثة أضعافها:
- صورة تُعرض بعرض 300px ← قدّمها بـ 600px (@2x) أو 900px (@3x)
- ولمعرض صور بمقاس 800×600px ← قدّم ملفات بمقاس 1600×1200px
استخدم أداة تغيير حجم الصورة من ImageTools لضبط الأبعاد بدقة قبل الرفع.
دقة الطباعة: حساب البكسلات اللازمة
انطلاقًا من المعادلة البكسلات = المقاس المادي × DPI:
| مقاس الطباعة | الأبعاد المادية | البكسلات اللازمة (عند 300 DPI) | الميغابكسل تقريبًا |
|---|---|---|---|
| صورة 10×15 سم | 3,94 × 5,91 بوصة | 1181 × 1772 px | 2,1 MP |
| صورة 13×18 سم | 5,12 × 7,09 بوصة | 1535 × 2126 px | 3,3 MP |
| صورة A5 (15×21 سم) | 5,91 × 8,27 بوصة | 1772 × 2480 px | 4,4 MP |
| صورة A4 (21×29,7 سم) | 8,27 × 11,69 بوصة | 2480 × 3508 px | 8,7 MP |
| ملصق A3 (29,7×42 سم) | 11,69 × 16,54 بوصة | 3508 × 4961 px | 17,4 MP |
| بانر 100×70 سم (عند 150 DPI) | 39,37 × 27,56 بوصة | 5906 × 4134 px | 24,4 MP |
وللبانرات والمواد كبيرة المقاس التي تُرى من بعيد تكفي 150 DPI عادةً، أما الطباعة القريبة (البطاقات والصور والمطويات) فمعيارها 300 DPI.
دقة الشاشات: ما الذي يهمّ فعلًا
في الصور المعدّة للشاشات والويب، انسَ قيمة DPI. والقواعد العملية هي:
- اضبط المقاس على مساحة العرض × معامل الشاشة. فلبانر بعرض 1440px على شاشات @2x قدّم 2880px، ولصورة منتج تُعرض بعرض 600px قدّم 1200px.
- لا ترفع صورًا أكبر مما يلزم. فصورة 4032×3024px لتُعرض بمقاس 800×600px في الموقع إهدار محض؛ إذ ينزّل المتصفح بكسلات تفوق ما يستخدمه باثني عشر ضعفًا.
- قيمة DPI لا أثر لها في الويب. فالتصدير «بدقة 72 DPI» أو «بدقة 300 DPI» للويب لا يعني شيئًا؛ عدد البكسلات وحده هو المهم.
اضبط الأبعاد بالبكسل بدقة
غيّر مقاس صورك إلى أبعاد العرض أو الطباعة بالضبط، دون الإخلال بالتناسب.
تغيير حجم الصورة مجانًالماذا لا يحسّن رفع DPI جودة الصورة
لعلّ هذا أكثر الالتباسات شيوعًا وإزعاجًا. وهناك طريقتان لتغيير قيمة DPI في Photoshop (من «الصورة» ← «حجم الصورة»):
- دون إعادة تشكيل: لا يتغيّر عدد البكسلات، ويكتفي البرنامج بإعادة حساب مقاس الطباعة المادي. فصورة 720×540px عند 72 DPI تصير صورة 720×540px عند 300 DPI: البكسلات نفسها في مساحة مادية أصغر. والجودة لم تتحسّن.
- مع إعادة التشكيل: ينشئ البرنامج بكسلات جديدة بالاستيفاء، أي بحساب قيم وسيطة بين البكسلات الموجودة. فتزيد البكسلات، لكنها «مخترعة». وتبدو الصورة أنعم أو أضبب، لا أحدّ أبدًا. فالتفصيل الذي لم يوجد في الصورة الأصلية لا تخلقه الرياضيات.
الخلاصة: السبيل الوحيد إلى بكسلات حقيقية أكثر هو الانطلاق من صورة أعلى دقة أصلًا. فتغيير DPI في Photoshop لا يخلق تفاصيل، بل يعيد توزيع البكسلات الموجودة على مساحات مادية مختلفة.
دقة الفيديو: ما علاقتها بالصورة
| دقة الفيديو | الأبعاد بالبكسل | الميغابكسل لكل إطار |
|---|---|---|
| HD (720p) | 1280 × 720 px | 0,9 MP |
| Full HD (1080p) | 1920 × 1080 px | 2,1 MP |
| 4K UHD | 3840 × 2160 px | 8,3 MP |
| 8K UHD | 7680 × 4320 px | 33,2 MP |