ما هي دقة شاشتي؟
دقة شاشتك ونسبتها ومقاس نافذة المتصفح، تُقرأ من جهازك مباشرة.
دقة شاشتك
…
تُقرأ من متصفحك…
- الدقة بالبكسل المنطقي (CSS)
- …
- نسبة البكسل (devicePixelRatio)
- …
- نافذة المتصفح الآن
- …
- المساحة المتاحة (دون شريط المهام)
- …
- عمق الألوان
- …
- نطاق الألوان
- …
- HDR
- …
- الاتجاه
- …
- نقاط اللمس المتزامنة
- …
- المؤشر الأساسي
- …
تتحدّث الأرقام فورًا حين تغيّر حجم النافذة أو تدير الهاتف أو تكبّر الصفحة.
حاسبة كثافة البكسل (PPI)
المتصفح لا يعرف مقاس شاشتك بالبوصة. اكتب قطرها من مواصفات جهازك، وتأكد من الدقة الأصلية للشاشة.
اكتب قطر الشاشة بالبوصة.
عن الأداة
تقرأ الصفحة أبعاد الشاشة من المتصفح بالبكسل المنطقي، وهو وحدة CSS التي يرسم بها المتصفح الصفحات، ثم تضربها في نسبة البكسل (devicePixelRatio) لتعطيك الدقة الفعلية. في الشاشات عالية الكثافة، مثل شاشات آيفون وماك بوك، يرسم الجهاز كل بكسل منطقي ببكسلين أو ثلاثة في كل اتجاه، فتكون نسبة البكسل 2 أو 3.
الدقة المحسوبة تطابق دقة الشاشة الأصلية في أغلب الأجهزة، حتى مع تكبير العرض في ويندوز إلى 125% أو 150%، لأن نسبة البكسل تتغير معه، وقد يختلف الرقم ببكسل أو اثنين بسبب التقريب. أما في ماك فإذا اخترت في إعدادات «الشاشات» حجم عرض غير الافتراضي، يرسم النظام الصورة بدقة أخرى ثم يصغّرها، فتظهر هنا تلك الدقة لا دقة اللوحة الأصلية. و«نافذة المتصفح» هي المساحة التي تُعرض فيها الصفحة فعلًا، وهي ما يهم مصممي المواقع عند اختبار التصميم المتجاوب.
نسبة العرض إلى الارتفاع تُحسب من الضلع الأطول إلى الأقصر، وتُسمّى بأشهر أسمائها: 16:9 لأغلب الشاشات والتلفزيونات، و16:10 لكثير من الحواسيب المحمولة، و19.5:9 أو 20:9 لأغلب الهواتف الحديثة. ويُقرأ دعم HDR ونطاق الألوان من المتصفح نفسه، فلا يظهر HDR مفعّلًا إلا إن كانت الشاشة والنظام والمتصفح كلها تدعمه وهو مفعّل. أما كثافة البكسل (PPI) فتحتاج قطر الشاشة بالبوصة، لأن المتصفح لا يعرف المقاس الفعلي.
أسئلة شائعة
لماذا تظهر دقة شاشتي أقل من المكتوب في المواصفات؟
غالبًا لأن تكبير الصفحة في المتصفح ليس 100%، أو لأنك في ماك تستخدم حجم عرض غير الافتراضي. أعد التكبير إلى 100% بالضغط على Ctrl و0 في ويندوز، أو ⌘ و0 في ماك. وإن بقي الفرق فقد تكون دقة العرض في النظام مضبوطة على أقل من الدقة الأصلية.
ما الفرق بين دقة الشاشة ومقاس النافذة؟
دقة الشاشة عدد البكسلات في الشاشة كلها، أما مقاس النافذة فهو المساحة التي تُعرض فيها الصفحة داخل المتصفح بعد استبعاد شريط العنوان والأدوات، ويتغير كلما غيّرت حجم النافذة.
ما هي نسبة البكسل (Device Pixel Ratio)؟
عدد البكسلات الفعلية التي يستخدمها الجهاز لرسم بكسل واحد من بكسلات CSS في كل اتجاه. قيمتها 1 في الشاشات العادية، و2 أو 3 في الشاشات عالية الكثافة، وتتغير مع تكبير الصفحة.
كيف أعرف مقاس شاشتي بالبوصة؟
المقاس بالبوصة هو طول القطر من زاوية إلى الزاوية المقابلة، وتجده في مواصفات الجهاز أو على ملصقه. المتصفح لا يستطيع معرفته.