تخطي إلى المحتوى
SPCXTools

دقة الشاشة

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

تعمل محلياً — ملفاتك لا تغادر جهازك أبداً

جاري تحميل الأداة…

كيفية استخدام دقة الشاشة

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

ما هي دقة شاشتي؟

دقة شاشتك هي عدد البكسلات التي تعرضها شاشتك أفقياً وعمودياً، مثل 1920 × 1080. تكتشف هذه الأداة دقة شاشتك فوراً، إلى جانب التفاصيل التي يحتاجها عادةً مصممو الويب والمطورون وفرق الدعم: دقة CSS، ونسبة بكسل الجهاز، وحجم إطار عرض المتصفح، ومساحة الشاشة المتاحة، ونسبة العرض إلى الارتفاع، وعمق الألوان، والتدرج اللوني، ودعم HDR. تُقرأ جميع البيانات محلياً من متصفحك.

فهم الأرقام

الدقة الفعلية هي العدد الحقيقي للبكسلات على الشاشة (في معظم الإعدادات). وهي ما تعلن عنه الشركات المصنعة، مثل 2560 × 1440.

بكسلات CSS هي الوحدات المنطقية التي تستخدمها مواقع الويب. عندما يقوم نظامك بتغيير مقاس العرض — على سبيل المثال 200% على شاشة Retina — يغطي بكسل CSS واحد عدة بكسلات فعلية، ليظل النص بحجم قابل للقراءة مع ظهوره بشكل أكثر وضوحاً.

نسبة بكسل الجهاز تربط بين الاثنين: البكسلات الفعلية = بكسلات CSS × DPR.

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

دقات الشاشة الشائعة

الاسم الدقة نسبة العرض إلى الارتفاع
HD (720p) 1280 × 720 16:9
Full HD (1080p) 1920 × 1080 16:9
WUXGA 1920 × 1200 16:10
QHD (1440p) 2560 × 1440 16:9
UWQHD (فائقة العرض) 3440 × 1440 21:9
4K UHD 3840 × 2160 16:9
5K 5120 × 2880 16:9

من يحتاج إلى هذه المعلومات

مصممو ومطورو الويب يختبرون التصميمات المتجاوبة مقابل أحجام إطار العرض الفعلية ونسب البكسل، ويحتاجون إليها لمحاكاة تقارير الأخطاء التي يبلغ عنها الزوار.

فرق الدعم وتقنية المعلومات يطلبون تفاصيل الشاشة عند استكشاف أخطاء العرض أو التخطيط وإصلاحها — استخدم زر نسخ لإرسال كل شيء دفعة واحدة.

اللاعبون وصناع المحتوى يتأكدون من أن الشاشة الجديدة تعمل بدقتها الأصلية بدلاً من وضع التحجيم أو دقة أقل.

أي شخص يشتري خلفيات أو لقطات شاشة أو عروض تقديمية يمكنه مطابقة الصور مع حجم شاشته الدقيق للحصول على أوضح نتيجة.

تحقق من سرعة تحديث شاشتك باستخدام اختبار معدل التحديث، أو ابحث عن البكسلات التالفة باستخدام اختبار البكسل الميت.

الأسئلة الشائعة

لماذا تختلف الدقة عن مواصفات شاشتي؟
غالباً ما تقوم أنظمة التشغيل بتغيير مقياس الواجهة. فشاشة بدقة 3840 × 2160 (4K) بمقياس 150% تُبلغ مواقع الويب بأن دقة "CSS" هي 2560 × 1440، مع نسبة بكسل للجهاز تبلغ 1.5. تقوم دقة الشاشة الموجودة بالأعلى بضرب هذه القيم لإعادتها إلى وحدات البكسل الفعلية. كما يؤدي تكبير المتصفح إلى تغيير نسبة البكسل، لذا أعد تعيين التكبير إلى 100% (Ctrl/Cmd + 0) للحصول على نتائج دقيقة.
ما هي نسبة بكسل الجهاز (DPR)؟
نسبة DPR هي عدد وحدات البكسل الفعلية لكل بكسل CSS. الشاشة القياسية لها نسبة DPR تبلغ 1؛ بينما أجهزة Mac بشاشات Retina ومعظم الهواتف تبلغ النسبة فيها 2 أو 3. تعرض الشاشات ذات نسبة DPR العالية نصوصاً وصوراً أكثر وضوحاً لأن كل بكسل CSS يتم رسمه باستخدام عدة وحدات بكسل فعلية.
ما هي مساحة العرض (viewport)، ولماذا هي مهمة؟
مساحة العرض هي المنطقة الموجودة داخل نافذة المتصفح والتي تُعرض فيها صفحات الويب، باستثناء أشرطة الأدوات وعلامات التبويب. يعتمد عليها مصممو الويب — وليس على حجم الشاشة بالكامل — في تصميم الواجهات المتجاوبة، لذا فهي القيمة الأكثر أهمية عند تقييم كيفية ظهور أي موقع إلكتروني على جهازك.
ماذا يعني حجم الشاشة "المتاح"؟
هو مساحة الشاشة مطروحاً منها عناصر نظام التشغيل الثابتة مثل شريط مهام Windows أو شريط قوائم macOS وشريط Dock — أي أنه يمثل أكبر حجم ممكن للنافذة دون أن تتداخل مع هذه العناصر.
هل معلومات HDR ونطاق الألوان المعروضة دقيقة؟
إنها تعكس ما يبلغ عنه المتصفح عبر استعلامات وسائط CSS. يظهر أن تقنية HDR مدعومة عندما تكون الشاشة ونظام التشغيل في وضع HDR؛ بينما يُعد نطاق الألوان الواسع (Display P3) شائعاً في أجهزة Apple والهواتف والشاشات الحديثة.