دقة الشاشة

دقة الشاشة ومقاس منطقة العرض قياسان مختلفان يُخلط بينهما كثيرًا. فالشاشة هي جهاز العرض، أما منطقة العرض فهي المساحة التي تحصل عليها صفحتك فعليًا.

وتفسّر نسبة بكسل الجهاز سبب إبلاغ شاشة بعرض 2560 بكسل عن منطقة عرض بعرض 1280 بكسل.

لماذا لا تطابق هذه الأرقام بطاقة المواصفات

هاتف يُعلَن بشاشة 2532×1170 سيصرّح هنا بشيء قريب من 844×390، وليس أيٌّ من الرقمين خاطئاً. فالمعلَن بكسلات فيزيائية، وما يعمل به المتصفح بكسلات CSS، وهي وحدة فُصلت عن العتاد عمداً ليكون حجم النص الفعلي واحداً على شاشة كثيفة وأخرى خشنة.

ونسبة بكسلات الجهاز هي الجسر بينهما. فعند نسبة 3 يُرسَم كل بكسل CSS بكتلة 3×3 من البكسلات الفيزيائية، فتشغل 844 بكسل CSS ما مقداره 2532 بكسلاً حقيقياً. ولهذا يتصرّف التصميم المبني على نقاط توقّف بوحدات CSS على النحو نفسه في الحالتين، ولهذا تحتاج الصورة التي يُراد لها الوضوح إلى تقديمها بضعفي أبعادها أو ثلاثة أضعافها.

أي قياس تستعمل ولأي غرض

الشاشة تصف الجهاز كلّه ولا تكاد تنفع في تطوير الويب، لأنها تتجاهل النافذة. أما منطقة العرض فهي المساحة التي تستطيع صفحتك الرسم فيها فعلاً: وهي التي تحكم التخطيط ونقاط التوقّف واستعلامات الوسائط.

والخطأ الجدير بالتجنّب هو بناء التخطيط على مقاس الشاشة. فمتصفح مكبَّر على شاشة عرضها 1920 بكسلاً تكون منطقة عرضه قريبة من 1920، لكن الشاشة نفسها بنافذتين متجاورتين تمنح كلاً منهما نحو 950، والتصميم الذي سأل عن الشاشة سيتخطّط لعرض لا يملكه. غيّر مقاس هذه النافذة وراقب أي الأرقام يتحرّك.

ما الذي يُقاس هنا وما الذي لا يُقاس

كل ما يظهر هنا يكشفه متصفحك لأي صفحة تزورها. ولا يُرسل شيء إلى IPGet ولا يُحفظ شيء: فالفحص يجري على جهازك وينتهي عنده.

ولا يُطلب كذلك أي شيء يستدعي إذناً. فلا يُطلب الموقع ولا الكاميرا ولا الميكروفون. غير أن مقاس الشاشة أحد المكوّنات الكلاسيكية لبصمة المتصفح: فهو وحده لا يعرّف أحداً، لكنه مقترناً بالمنطقة الزمنية واللغة والخطوط المثبّتة يضيّق كثيراً المجموعة التي تنتمي إليها.