منطقة العرض (Viewport) مقابل دقة الشاشة: ما الفرق بينهما؟

هل اشتريت يومًا شاشة أو حاسوبًا محمولًا بدقة 4K Ultra HD (3840 × 2160)، ثم تفاجأت عند فحص الشاشة عبر الإنترنت بأنها مسجلة بدقة 1920 × 1080؟

أو ربما تمتلك هاتفًا ذكيًا بدقة عتادية قدرها 2556 × 1179، ولكن المواقع الإلكترونية تتعامل مع عرض شاشتك على أنه 393 بكسل فقط؟

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

في هذا الدليل الشامل، سنشرح لك كل ما تحتاج لمعرفته حول بكسلات العتاد، ومنطقة العرض، وبكسلات CSS، ونسبة بكسل الجهاز (DPR)، وتغيير حجم الشاشة في نظام التشغيل بأسلوب مبسط.

---

ملخص سريع: منطقة العرض مقابل دقة الشاشة

المقياس	التعريف البسيط	كيف يُقاس؟	مثال نموذجي (حاسوب محمول 16 بوصة)
دقة الشاشة الفيزيائية	العدد الإجمالي للنقاط المضيئة (البكسلات) المصنوعة فعليًا داخل لوحة الشاشة.	مواصفات العتاد الفنية	3456 × 2234 بكسل عتادي
الدقة مع تحجيم النظام	مساحة العمل الافتراضية المحددة في إعدادات النظام لضمان راحة القراءة.	إعدادات العرض في النظام	1728 × 1117 نقطة (بنسبة تحجيم 200%)
دقة الشاشة في المتصفح	الأبعاد الكلية للشاشة التي تظهر لمتصفحات الويب بوحدات التخطيط البرمجية.	كاشف متصفح الويب	1728 × 1117 بكسل منطقي
حجم منطقة العرض (Viewport)	المساحة النشطة المرئية داخل نافذة المتصفح التي يُرسم عليها محتوى الموقع.	نافذة المتصفح المفتوحة	1280 × 800 بكسل منطقي
نسبة بكسل الجهاز (DPR)	عدد البكسلات الفيزيائية المستخدمة لرسم وحدة تخطيط برمجية واحدة.	قياس كثافة الشاشة	2.0 (أو 3.0 في الهواتف الرائدة)

---

1. ما هي دقة الشاشة؟

دقة الشاشة تعني الشبكة الفعلية من النقاط المجهرية (المسماة البكسلات) التي يتكون منها العتاد المادي لشاشتك.

تحتوي شاشات LCD و OLED على بكسلات فرعية مكونة من ثلاثة ألوان: الأحمر والأخضر والأزرق (RGB).

• Full HD (1080p): 1920 × 1080 بكسل (~2.07 مليون نقطة)
• QHD / 2K (1440p): 2560 × 1440 بكسل (~3.69 مليون نقطة)
• 4K Ultra HD: 3840 × 2160 بكسل (~8.29 مليون نقطة)

هذه الدقة العتادية ثابتة لا تتغير أبدًا.

---

2. ما هي منطقة العرض (Viewport)؟

منطقة العرض (Viewport) هي المساحة المستطيلة المرئية داخل نافذة متصفحك المخصصة لعرض محتوى الصفحة.

لا تشمل منطقة العرض أشرطة أدوات المتصفح ولا واجهة نظام التشغيل:

• شريط التبويبات وعنوان النافذة
• شريط العناوين والبحث
• شريط الإشارات المرجعية
• شريط المهام في Windows أو Dock في macOS

عندما تقوم بتغيير حجم نافذة المتصفح، فإن دقة شاشتك تظل كما هي، ولكن حجم منطقة العرض يتغير لحظيًا مع كل حركة.

---

3. جسر التواصل: بكسلات CSS ونسبة بكسل الجهاز (DPR)

للتوفيق بين البكسلات المجهرية الدقيقة وراحة القراءة، تستخدم مواقع الويب بكسلات CSS ومضاعفًا يُسمى نسبة بكسل الجهاز (DPR).

• نسبة بكسل الجهاز (DPR) = البكسلات الفيزيائية ÷ البكسلات المنطقية
• بكسلات منطقة العرض = البكسلات الفيزيائية ÷ DPR

عندما تكون الشاشة بنسبة DPR قدرها 2.0:

• يوزع المتصفح النصوص والأزرار على شبكة تعادل نصف الدقة الفيزيائية.
• تستخدم الشاشة مصفوفة من 4 بكسلات فيزيائية (2 × 2) لرسم كل وحدة منطقية.
• يظهر النص بحجم كبير ومريح للقراءة، وتصبح الخطوط والرسومات فائقة النعومة والحدة.

---

4. أسئلة شائعة (FAQ)

لماذا تُظهر الاختبارات عبر الإنترنت أن شاشتي 4K هي 1080p فقط؟

لأن نظام التشغيل لديك يفعل ميزة التحجيم (عادة بنسبة 200%). يبلغ المتصفح بالأبعاد المنطقية لضمان بقاء الخطوط والأيقونات سهلة القراءة.

كيف يمكنني فحص منطقة العرض ودقة شاشتي الآن؟

يمكنك فحص دقة شاشتك العتادية ومنطقة العرض الحالية ونسبة DPR فورًا عبر الأداة المجانية على الصفحة الرئيسية لموقع WhatIsMyScreenResolutions.com.