تفاصيل الشاشة والنافذة
الأحجام بوحدة بكسل CSS، وهي الوحدة التي تستخدمها المواقع، ما لم يُذكر غير ذلك. اضبط تكبير المتصفح على 100% (Ctrl+0، أو ⌘0 على Mac) للحصول على أرقام دقيقة.
- دقة الشاشة
- جارٍ الفحص… حجم الشاشة كما تراه المواقع.
- الدقة الفعلية
- جارٍ الفحص…دقة الشاشة × نسبة البكسل: البكسلات الحقيقية في اللوحة.
- منطقة العرض (Viewport)
- جارٍ الفحص… الجزء الذي تراه من الصفحة، دون أشرطة الأدوات.
- نافذة المتصفح كاملة
- جارٍ الفحص…
- المساحة المتاحة من الشاشة
- جارٍ الفحص…الشاشة بعد استبعاد شريط المهام أو Dock أو شريط القوائم.
- نسبة البكسل
- جارٍ الفحص…
- نسبة العرض إلى الارتفاع
- جارٍ الفحص…
- الاتجاه
- جارٍ الفحص…
- عمق الألوان
- جارٍ الفحص…
- نطاق الألوان
- جارٍ الفحص…
- HDR
- جارٍ الفحص…
- معدل التحديث
- جارٍ الفحص…
- شاشة لمس
- جارٍ الفحص…
- الشاشات
- جارٍ الفحص…
منطقة العرض على شاشتك
الإطار الخارجي هو شاشتك، والمربع المظلل هو الجزء الظاهر من هذه الصفحة، حيث تقع نافذة المتصفح.
دقات الشاشة الشائعة
دقة الشاشات وأجهزة اللابتوب بالبكسلات الفعلية، أما الهواتف والأجهزة اللوحية فبوحدة بكسل CSS كما تراها المواقع. الصفوف التي تطابق شاشتك مُعلَّمة.
| الاسم | الدقة | نسبة العرض إلى الارتفاع | الاستخدام الشائع |
|---|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 | أجهزة تلفزيون HD، اللابتوبات الصغيرة |
| WXGA | 1366 × 768 | 16:9 | اللابتوبات الاقتصادية |
| HD+ | 1600 × 900 | 16:9 | لابتوبات 17 بوصة، الشاشات القديمة |
| Full HD (1080p) | 1920 × 1080 | 16:9 | معظم الشاشات واللابتوبات |
| WUXGA | 1920 × 1200 | 16:10 | شاشات المكاتب، اللابتوبات |
| QHD / 2K (1440p) | 2560 × 1440 | 16:9 | شاشات 27 بوصة، الألعاب |
| WQXGA | 2560 × 1600 | 16:10 | MacBook Air وPro، لابتوبات 16:10 |
| UWQHD | 3440 × 1440 | 21:9 | شاشات عريضة جدًا 34 بوصة |
| 4K UHD (2160p) | 3840 × 2160 | 16:9 | شاشات وأجهزة تلفزيون 4K |
| 5K | 5120 × 2880 | 16:9 | iMac، Apple Studio Display |
| iPhone 12 / 13 / 14 | 390 × 844 | 19.5:9 | iPhone (بكسل CSS) |
| iPhone 15 / 16 | 393 × 852 | 19.5:9 | iPhone (بكسل CSS) |
| Android | 412 × 915 | 20:9 | هواتف Android (بكسل CSS) |
| iPad | 810 × 1080 | 4:3 | iPad (بكسل CSS) |
ماذا تعني دقة الشاشة
دقة الشاشة هي عدد البكسلات التي تعرضها شاشتك أفقيًا وعموديًا، وتُكتب على صورة العرض × الارتفاع. فدقة شاشة Full HD هي 1920 × 1080: أي 1920 بكسل عرضًا و1080 بكسل ارتفاعًا، بإجمالي نحو مليوني بكسل.
كلما زاد عدد البكسلات على شاشة بالحجم نفسه، صار النص والصور أوضح. لذلك قد تكون دقة لابتوب بحجم 13 بوصة أعلى من دقة شاشة مكتب بحجم 24 بوصة.
لماذا تبدو دقة شاشتك أقل من دقة الشاشة الفعلية
تكبّر أنظمة Windows وmacOS وiOS وAndroid كل العناصر ليبقى النص مقروءًا على الشاشات عالية الوضوح. فاللابتوب ذو اللوحة 1920 × 1080 مع تحجيم 125% يخبر المواقع بأن حجم شاشته 1536 × 864، وجهاز MacBook ذو اللوحة 2560 × 1600 يُبلغ عادةً عن 1440 × 900 أو 1470 × 956.
لا ترى المواقع إلا هذه الأحجام المُحجَّمة، وتُسمّى بكسلات CSS. اضربها في نسبة البكسل لتحصل على الدقة الفعلية، وتعرضها هذه الصفحة أسفل الرقم الرئيسي. ويغيّر تكبير المتصفح نسبة البكسل أيضًا، لذا أعِد التكبير إلى 100% قبل المقارنة.
دقة الشاشة ومنطقة العرض وحجم النافذة
- دقة الشاشة: الشاشة كاملة، بما فيها الأجزاء التي تغطيها نوافذ أخرى.
- المساحة المتاحة من الشاشة: الشاشة بعد استبعاد شريط المهام أو Dock أو شريط القوائم.
- نافذة المتصفح: النافذة كاملة، بما فيها علامات التبويب وشريط العنوان والحواف.
- منطقة العرض (Viewport): جزء النافذة الذي يعرض الصفحة. وهو الحجم الذي يختبر عليه مصممو المواقع التصاميم، ويتغيّر عند تغيير حجم النافذة أو فتح أدوات المطورين.
كيف تغيّر دقة الشاشة
- Windows 11 و10: انقر بزر الماوس الأيمن على سطح المكتب > إعدادات العرض > دقة الشاشة. الخيار الموسوم بـ (مستحسن) هو الدقة الأصلية لشاشتك، ويوجد إعداد المقياس فوقه مباشرة.
- macOS: قائمة Apple > إعدادات النظام > شاشات العرض، ثم اختر حجمًا. النص الأكبر يعني بكسلات CSS أقل عددًا وأكبر حجمًا، بينما تبقى الدقة الفعلية للوحة كما هي.
- iPhone وAndroid: الدقة ثابتة. يغيّر خيار تكبير الشاشة (iPhone) أو حجم العرض (Android) حجم العناصر، وبالتالي حجم CSS الذي تراه المواقع.
- للحصول على أوضح صورة، أبقِ الدقة الأصلية وغيّر التحجيم بدلًا منها.
أسئلة
كيف أعرف دقة الشاشة الخاصة بي؟
تظهر في أعلى هذه الصفحة، وتُقرأ من متصفحك. الرقم الكبير هو الحجم الذي تراه المواقع، والسطر الذي تحته يعرض الدقة الفعلية لشاشتك ونسبة التحجيم التي يستخدمها نظامك.
لماذا تظهر الدقة 1536 × 864 مع أن شاشتي 1920 × 1080؟
نظامك مضبوط على تحجيم 125%، لذا ترى المواقع شاشة أصغر بمقدار 1.25 مرة. أما الدقة الفعلية فما زالت 1920 × 1080، كما يظهر أسفل الرقم الرئيسي. وبالمثل، يحوّل تحجيم 150% الدقة 1920 × 1080 إلى 1280 × 720.
هل 1920 × 1080 هي نفسها 1080p و2K؟
الدقة 1920 × 1080 هي Full HD، وتُسمّى أيضًا 1080p. أما 2K فتعني عادةً 2560 × 1440 (QHD أو 1440p) في الشاشات، مع أن 2K السينمائية هي 2048 × 1080. ودقة 4K UHD هي 3840 × 2160، أي أربعة أضعاف بكسلات 1080p.
ما هو حجم منطقة العرض (Viewport)؟
منطقة العرض هي جزء نافذة المتصفح الذي يعرض الصفحة، دون علامات التبويب وشريط العنوان وأشرطة التمرير. وهي الحجم الذي تتكيّف معه المواقع المتجاوبة، ولذلك يقصدها المصممون عندما يسألون عن حجم متصفحك.
ما هي نسبة البكسل (Device Pixel Ratio)؟
هي عدد البكسلات الفعلية التي تكوّن بكسل CSS واحدًا. القيمة 1 تعني عدم وجود تحجيم، والقيمة 2 شائعة في أجهزة Mac بشاشات Retina وكثير من الهواتف، و3 في أجهزة iPhone الحديثة. ويغيّرها تكبير المتصفح أيضًا.
كيف أعرف دقة شاشة الهاتف؟
افتح هذه الصفحة على الهاتف. تُبلغ الهواتف عن الحجم ببكسلات CSS، مثل 393 × 852 على iPhone 15. اضربه في نسبة البكسل (3 على هذا الـ iPhone) لتحصل على 1179 × 2556 بكسلًا هي دقة اللوحة، وتقوم هذه الصفحة بذلك نيابة عنك.
هل معدل التحديث دقيق؟
يُقاس من عدد المرات التي يرسم فيها المتصفح إطارًا، لذا فهو قريب لكنه ليس دقيقًا تمامًا. قد يجعله توفير البطارية أو علامة تبويب في الخلفية أو جهاز مشغول يظهر أقل من الإعداد الفعلي لشاشتك.
أدلة
- ما هو عنوان IP؟
عنوان IP هو الرقم الذي يخبر الإنترنت أين يرسل البيانات المخصّصة لك. إليك شكله وأنواعه وما يكشفه عنوانك عنك.
- كيف تعرف عنوان IP الخاص بك
معرفة عنوان IP العام تحتاج نقرة واحدة، أما العنوان الخاص فيعتمد على الجهاز. إليك الخطوات الدقيقة لكل جهاز.
- الفرق بين IPv4 وIPv6
يحلّ IPv6 محل IPv4 لأن العالم نفدت منه العناوين. إليك مقارنة بين الاثنين، وكيف تعرف أيهما تستخدم، ولماذا يهمّ IPv6 إذا كنت تستخدم VPN.
- ما هو تسريب DNS وكيف تصلحه؟
حتى مع تشغيل VPN، قد يظل جهازك يسأل مزوّد الإنترنت عن كل موقع تزوره. هذا هو تسريب DNS. إليك كيف تكتشفه وتوقفه.