معرفة دقة الشاشة

كيفية استخدام هذه الأداة

1. افتح الصفحة: تظهر كل القيم فورًا، كما يقرؤها متصفحك.
2. غيّر حجم النافذة، أو أدر هاتفك أو جهازك اللوحي، أو اسحب النافذة إلى شاشة أخرى. تتحدّث القيم مباشرة.
3. اضغط نسخ كنص لنسخ كل القيم في قائمة نصية بسيطة، وهي مفيدة في بلاغ عن خلل أو طلب دعم فني.

ماذا تعني كل قيمة؟

دقة الشاشة (بكسلات CSS) هي حجم الشاشة كلها كما تراه صفحات الويب. على شاشة عادية بتحجيم 100% تطابق الدقة الحقيقية للشاشة. أما على الشاشات عالية الكثافة فتكون أصغر: فالحاسوب المحمول ذو اللوحة 2880 × 1800 بتحجيم 200% يبلغ عن 1440 × 900.

البكسلات الفعلية (تقدير) هي دقة الشاشة مضروبة في نسبة بكسل الجهاز. وهي عادةً الدقة الأصلية للوحة، وتذكر الأداة الدقات الشائعة بأسمائها مثل Full HD (1080p) أو QHD (1440p) أو 4K UHD.

نسبة بكسل الجهاز هي عدد البكسلات الفعلية التي يتكوّن منها بكسل CSS واحد. القيمة 1 تعني شاشة تقليدية، و1.25 أو 1.5 شائعة في حواسيب Windows المحمولة مع تحجيم العرض، و2 نموذجية لأجهزة Mac بشاشات Retina، و3 لكثير من الهواتف. ويغيّرها تكبير المتصفح أيضًا.

نافذة العرض (مساحة الصفحة) هي الجزء من النافذة الذي تُرسم فيه الصفحة، دون أشرطة الأدوات والتبويبات. وهذا هو الحجم الذي يستهدفه مصممو الويب في التصاميم المتجاوبة واستعلامات الوسائط (media queries).

الشاشة المتاحة هي الشاشة ناقصًا المناطق الدائمة للنظام، مثل شريط المهام في Windows أو شريط القوائم وDock في macOS. ونافذة المتصفح هي الحجم الخارجي للنافذة، بما فيه إطارها وأشرطة أدواتها.

نسبة العرض إلى الارتفاع هي شكل الشاشة، مثل 16:9 أو 16:10 أو 21:9 للشاشات فائقة العرض. ويبيّن الاتجاه ما إذا كانت الشاشة أفقية أو عمودية، مع زاوية الدوران عندما يبلغ عنها المتصفح.

عمق الألوان هو عدد البتات المستخدمة لكل بكسل: 24 بت تعني 8 بتات لكل قناة، و30 بت تعني 10 بتات لكل قناة. ويعرض نطاق الألوان أوسع نطاق يقول المتصفح إن الشاشة تغطيه: sRGB أو Display P3 أو Rec. 2020. ويبيّن شاشة HDR ما إذا كان المتصفح يبلغ عن شاشة ذات نطاق ديناميكي عالٍ. أما التكبير باللمس فيعرض مستوى التكبير عند التكبير بإصبعين على شاشة لمسية.

لماذا قد تفاجئك الأرقام؟

لا ترى صفحات الويب العتاد الحقيقي مباشرة أبدًا. فأنظمة التشغيل تحجّم كل شيء حتى يبقى النص مقروءًا على الشاشات الكثيفة، فتبدو شاشة 4K بتحجيم 150% للمتصفح كأنها شاشة 2560 × 1440. ويعكس سطر البكسلات الفعلية (تقدير) هذا الحساب. وهو دقيق عند تكبير المتصفح 100%، لكن المتصفحات تتعامل مع التكبير بطرق مختلفة، لذا أعد ضبط التكبير بـ Ctrl+0 أو Cmd+0 قبل الاعتماد عليه. وعلى الهواتف قد تختلف النتيجة ببضع بكسلات عن الدقة المعلنة بسبب التقريب.

إذا كنت تستخدم عدة شاشات، فالقيم تصف الشاشة التي توجد عليها نافذة المتصفح حاليًا.