دقة الشاشة تبدو رقمًا واحدًا — 1920×1080، «4K»، «Retina» — لكنها فعلًا تفاعل عدة: أبعاد البكسل، والحجم الفيزيائي، وكثافة البكسل الناتجة، ونسبة بكسل الجهاز التي تستخدمها الشاشات الحديثة عالية الكثافة للعرض بحدّة. الخلط بينها هو سبب أن هاتف «4K» وتلفاز «4K» شيئان مختلفان جدًا، وأن صورة تبدو حادة على شاشة تبدو ناعمة على أخرى. توضّح هذه الأداة العلاقات، وتكشف خصائص شاشتك الحالية، وتساعدك على التفكير في الدقة كما تسلك فعلًا لا كما يصفها التسويق.
كيف تعمل الأداة
تُبلّغ الأداة دقة شاشتك الحالية ونسبة بكسل الجهاز، وتتيح لك استكشاف كيف ترتبط أبعاد البكسل والحجم الفيزيائي والكثافة. تُظهر الفرق بين دقة CSS التي تراها صفحة ويب والبكسلات الفيزيائية التي تستخدمها شاشة عالية الكثافة فعلًا لعرضها — التمييز الذي يفسّر لماذا التصميم للشاشات الحديثة يتطلّب التفكير في نظامي إحداثيات معًا. كل شيء يُقرأ من متصفحك وجهازك.
الأرقام التي تُعرّف شاشة
الدقة أبعاد البكسل، مثلًا 1920×1080
PPI بكسل لكل إنش = كثافة = حدّة
PPI = √(العرض² + الارتفاع²) ÷ القطر بالإنش
نسبة بكسل الجهاز (DPR):
1× معياري 2× 'Retina'/HiDPI 3× بعض الهواتف
بكسلات CSS × DPR = البكسلات الفيزيائية المعروضةكثافة البكسل، لا الدقة الخام، هي ما يحدّد الحدّة — وهي سبب أن نفس الدقة تبدو مختلفة على شاشات مختلفة. صورة 1920×1080 منشورة عبر شاشة 27 إنشًا لها كثافة أدنى بكثير من نفس الدقة على هاتف 5 إنشات، فالهاتف يبدو أحد رغم أعداد بكسل متطابقة. هذا أيضًا سبب نسبة بكسل الجهاز كله: شاشة «2×» تحشو بكسلين فيزيائيين في كل بكسل CSS، فصفحة ويب مكتوبة لـ400 بكسل تُعرَض فعلًا بـ800، ولهذا يجب تصدير الصور عند 2× لتبقى حادة على تلك الشاشات.
ما يجب معرفته عن دقة الشاشة
- 1الكثافة، لا الدقة، تحدّد كم تبدو شاشة حادة. نفس 1920×1080 حادة على هاتف وكافية فقط على شاشة كبيرة، لأن الكثافة — بكسلات محشوة لكل إنش — هي ما تدركه العين فعلًا كحدّة. عند مقارنة الشاشات، بكسل لكل إنش يخبرك عن الجودة الظاهرة أكثر مما يفعل رقم الدقة المُعلن.
- 2صمّم وصدّر الصور للشاشات عالية الكثافة عند 2×. شاشة «Retina» أو HiDPI تعرض كل بكسل CSS ببكسلين فيزيائيين، فصورة مقصودة للعرض عند 400 بكسل تحتاج 800 بكسل لتبقى حادة. تصدير صور الويب عند 1× يتركها ناعمة على أغلبية الهواتف الحديثة وكثير من الحواسيب المحمولة — 2× خط الأساس العملي الآن.
- 3«4K» تعني أشياء مختلفة على أجهزة مختلفة. اللافتة تشير لنحو 3840 بكسلًا أفقيًا، لكن تلك الدقة على هاتف وحاسوب محمول وتلفاز 65 إنشًا تُنتج كثافات وتجارب مشاهدة مختلفة تمامًا. «4K» عدد بكسل، لا ضمان جودة؛ كيف تبدو يعتمد كليًا على حجم الشاشة وكم بعيدًا تجلس.
- 4بكسلات CSS والبكسلات الفيزيائية نظاما إحداثيات مختلفان. صفحة ويب تُخطَّط ببكسلات CSS، التي تضربها شاشة عالية الكثافة حينها بنسبة بكسل جهازها لبكسلات فيزيائية. فهم أن صفحة «ترى» 400 بكسل بينما الشاشة ترسم 800 هو المفتاح لسبب عمل التصميم المتجاوب ودقة الصور كما تفعل.
- 5مسافة المشاهدة تغيّر كم دقة تستطيع استخدامها فعلًا. هاتف مُمسَك قريبًا يحتاج كثافة عالية ليبدو حادًا، لكن تلفاز عبر الغرفة لا؛ بعد مسافة معينة، لا تستطيع العين حلّ البكسلات الإضافية، فدقة أعلى لا تضيف شيئًا مرئيًا. لهذا تلفازات 8K تُظهر فائدة قليلة عند مسافات غرفة المعيشة العادية: الكثافة تتجاوز ما تدركه العين من الأريكة.
الأسئلة الشائعة
ما الفرق بين الدقة وكثافة البكسل؟
الدقة عدد البكسل الخام — 1920×1080 مثلًا — بينما كثافة البكسل (PPI، بكسل لكل إنش) كم بإحكام تُحشى تلك البكسلات في الشاشة الفيزيائية. الكثافة هي ما تدركه العين كحدّة. نفس الدقة تبدو حادة على هاتف صغير وناعمة على شاشة كبيرة لأن الهاتف يحشو البكسلات أكثف بكثير. عند الحكم على جودة الصورة، الكثافة تهم أكثر من رقم الدقة وحده.
ما نسبة بكسل الجهاز ولماذا تهم؟
نسبة بكسل الجهاز (DPR) كم بكسلًا فيزيائيًا تستخدم شاشة لعرض كل بكسل CSS. شاشة معيارية 1×؛ وشاشة «Retina» أو HiDPI 2×، أي ترسم عنصر ويب 400 بكسل بـ800 بكسل فيزيائي. تهم لأن الصور يجب أن تُصدَّر بتلك النسبة لتبقى حادة — صورة 1× تبدو ناعمة على شاشة 2×. الهواتف والحواسيب المحمولة الحديثة معظمها 2× أو أعلى، فالتصميم لـDPR عالٍ الافتراض الآن.
لماذا نفس الصورة تبدو حادة على هاتفي وناعمة على شاشتي؟
بسبب كثافة البكسل. هاتفك يحشو بكسلاته في شاشة صغيرة بكثافة عالية، فالصور تبدو حادة، بينما شاشتك تنشر عدد بكسل مماثلًا عبر مساحة أكبر بكثير بكثافة أدنى، مُجعلةً نفس الصورة تبدو أنعم. الصورة لم تتغيّر — كثافة الشاشة تغيّرت. لتبدو حادة على شاشة عالية الكثافة، تحتاج صورة بكسلات كافية لمطابقة تلك الكثافة، ما يعني عادةً التصدير عند 2×.
هل الدقة الأعلى دائمًا تبدو أفضل؟
ليس بالضرورة — يعتمد على حجم الشاشة ومسافة المشاهدة. دقة أعلى تساعد فقط إن كانت الشاشة كثيفة بما يكفي وأنت قريب بما يكفي لحلّ البكسلات الإضافية. على هاتف مُمسَك قريبًا، الدقة العالية تهم كثيرًا؛ على تلفاز عبر غرفة، بعد نقطة معينة لا تستطيع العين رؤية التفصيل الإضافي، فـ8K تُظهر فائدة قليلة عند مسافات عادية. الدقة مفيدة فقط حتى حدّ ما تدركه عينك عند مسافة مشاهدتك.
أي دقة أصمّم أو أصدّر الصور لها؟
صدّر عند 2× حجم العرض المقصود كخط أساس عملي، إذ معظم الهواتف الحديثة وكثير من الحواسيب المحمولة شاشات عالية الكثافة تعرض كل بكسل CSS ببكسلين فيزيائيين. صورة مقصودة للعرض عند 400 بكسل يجب أن تكون 800 بكسل لتبقى حادة على تلك الشاشات. للشاشات المعروفة بـ3×، بعض المصممين يذهبون أعلى، لكن 2× يغطي الأغلبية. تحت ذلك، الصور تبدو ناعمة على الشاشات عالية الكثافة التي تسود الآن.