أحجام شاشات الأجهزة ودقتها

مرجع سريع لأحجام الشاشات التي يعتمد عليها المصممون والمطورون فعليًا: إطار العرض بوحدات CSS الذي يراه التخطيط، والدقة الفعلية للوحة الشاشة، ونسبة بكسل الجهاز (DPR) التي تربط بينهما، ونسبة العرض إلى الارتفاع. ابحث بالاسم أو صفِّ حسب الفئة — يتم اكتشاف جهازك الحالي وتمييزه تلقائيًا.

جهازك

—

جارٍ اكتشاف جهازك…

عرض 46 من أصل 46 جهازًا

	النوع				نسبة العرض
4K laptop (200% scaling)	كمبيوتر محمول	1920×1080	3840×2160	2×	16:9
4K UHD monitor (100%)	كمبيوتر سطح مكتب	3840×2160	3840×2160	1×	16:9
4K UHD monitor (150% scaling)	كمبيوتر سطح مكتب	2560×1440	3840×2160	1.5×	16:9
5K display / Studio Display	كمبيوتر سطح مكتب	2560×1440	5120×2880	2×	16:9
FHD laptop (1080p, 100%)	كمبيوتر محمول	1920×1080	1920×1080	1×	16:9
FHD laptop (1080p, 150% scaling)	كمبيوتر محمول	1280×720	1920×1080	1.5×	16:9
Full HD monitor (1080p)	كمبيوتر سطح مكتب	1920×1080	1920×1080	1×	16:9
Google Pixel 6a / 7a	هاتف	412×915	1080×2400	2.6×	20:9
Google Pixel 7 / 8	هاتف	412×915	1080×2400	2.625×	20:9
Google Pixel 8 Pro	هاتف	448×998	1344×2992	3×	20:9
HD laptop (1366×768)	كمبيوتر محمول	1366×768	1366×768	1×	16:9
iMac 24" (4.5K)	كمبيوتر سطح مكتب	2240×1260	4480×2520	2×	16:9
iPad (10th gen)	جهاز لوحي	820×1180	1640×2360	2×	~3:2
iPad (9th gen)	جهاز لوحي	810×1080	1620×2160	2×	4:3
iPad Air 11" (M2)	جهاز لوحي	820×1180	1640×2360	2×	~3:2
iPad mini (6th gen)	جهاز لوحي	744×1133	1488×2266	2×	~3:2
iPad Pro 11" (M4)	جهاز لوحي	834×1210	1668×2420	2×	~3:2
iPad Pro 13" (M4)	جهاز لوحي	1024×1366	2048×2732	2×	4:3
iPhone 12 / 13 / 14	هاتف	390×844	1170×2532	3×	19.5:9
iPhone 12 mini / 13 mini	هاتف	375×812	1080×2340	3×	19.5:9
iPhone 14 Plus / 15 Plus / Pro Max / 16 Plus	هاتف	430×932	1290×2796	3×	19.5:9
iPhone 14 Pro / 15 / 15 Pro / 16	هاتف	393×852	1179×2556	3×	19.5:9
iPhone 16 Pro	هاتف	402×874	1206×2622	3×	19.5:9
iPhone 16 Pro Max	هاتف	440×956	1320×2868	3×	19.5:9
iPhone SE (2nd/3rd gen)	هاتف	375×667	750×1334	2×	16:9
iPhone XR / 11	هاتف	414×896	828×1792	2×	19.5:9
MacBook Air / Pro 13" (M1/M2)	كمبيوتر محمول	1440×900	2560×1600	2×	16:10
MacBook Air 13" (M2/M3)	كمبيوتر محمول	1470×956	2560×1664	2×	16:10
MacBook Air 15" (M2/M3)	كمبيوتر محمول	1710×1107	2880×1864	2×	16:10
MacBook Pro 14" (M1–M4)	كمبيوتر محمول	1512×982	3024×1964	2×	~16:10
MacBook Pro 16" (M1–M4)	كمبيوتر محمول	1728×1117	3456×2234	2×	~16:10
QHD laptop (1440p)	كمبيوتر محمول	2560×1440	2560×1440	1×	16:9
QHD monitor (1440p)	كمبيوتر سطح مكتب	2560×1440	2560×1440	1×	16:9
Samsung Galaxy A54 / A34	هاتف	360×800	1080×2400	2.75×	20:9
Samsung Galaxy S20 / S21	هاتف	360×800	1080×2400	3×	20:9
Samsung Galaxy S22 / S23 / S24	هاتف	360×780	1080×2340	3×	19.5:9
Samsung Galaxy S24 Ultra	هاتف	384×832	1440×3120	3.75×	19.5:9
Samsung Galaxy Tab A8 / A9	جهاز لوحي	800×1280	1200×1920	1.5×	16:10
Samsung Galaxy Tab S8 / S9	جهاز لوحي	800×1280	1600×2560	2×	16:10
Super ultrawide (5120×1440)	كمبيوتر سطح مكتب	5120×1440	5120×1440	1×	32:9
Surface Laptop 13.5"	كمبيوتر محمول	1504×1002	2256×1504	1.5×	3:2
Surface Pro 9	كمبيوتر محمول	1440×960	2880×1920	2×	3:2
Ultrawide (2560×1080)	كمبيوتر سطح مكتب	2560×1080	2560×1080	1×	21:9
Ultrawide (3840×1600)	كمبيوتر سطح مكتب	3840×1600	3840×1600	1×	12:5
Ultrawide QHD (3440×1440)	كمبيوتر سطح مكتب	3440×1440	3440×1440	1×	21:9
WUXGA monitor (1200p)	كمبيوتر سطح مكتب	1920×1200	1920×1200	1×	16:10

هل تعمل على شاشتك الخاصة؟ افتح محدد إطار العرض · ما حجم شاشتي؟

الدقة المنطقية مقابل الدقة الفعلية ونسبة بكسل الجهاز

لكل شاشة حديثة دقّتان. الدقة الفعلية هي العدد الحقيقي للبكسلات المدمجة في اللوحة — على سبيل المثال 1179 × 2556 في iPhone 15. أما الدقة المنطقية (CSS) فهي مساحة الإحداثيات الأصغر التي يُصمَّم بها تخطيط الصفحة، مثل 393 × 852. ونسبة بكسل الجهاز (DPR) هي الجسر بينهما: فهي حاصل قسمة الدقة الفعلية على الدقة المنطقية، فنسبة DPR تساوي 3 تعني أن الهاتف يرسم كتلة من 3 × 3 بكسلات فعلية مقابل كل بكسل CSS واحد. تستخدم الهواتف وأجهزة الكمبيوتر المحمول عالية الكثافة "Retina" نسبة DPR تساوي 2 أو 3 لعرض نصوص وصور حادة الوضوح، بينما تكون نسبة DPR في شاشة سطح مكتب نموذجية 1، حيث يساوي بكسل CSS الواحد بكسلًا فعليًا واحدًا.

لماذا يعمل المصممون بأحجام إطار العرض

عند بناء تخطيط متجاوب، تُقاس استعلامات الوسائط (media queries) ونقاط التوقف في CSS ببكسلات CSS — أي إطار العرض المنطقي — لا ببكسلات اللوحة الفعلية. فالهاتف الذي يبلغ عرضه الفعلي 1080 بكسلًا لا يزال يُظهر إطار عرض لا يتجاوز 360 إلى 414 بكسل CSS، وهذا سبب كون نقطة التوقف عند 360 بكسل للجوال تغطي معظم هواتف أندرويد. التصميم اعتمادًا على إطار العرض بدل الدقة الخام يحافظ على حجم فعلي ثابت للنصوص وأهداف اللمس عبر الأجهزة المختلفة في كثافة البكسل، بحيث يبدو التخطيط نفسه ملائمًا سواء على كمبيوتر محمول منخفض الكثافة أو هاتف رائد عالي الكثافة.

كيفية قراءة هذا الجدول

إطار العرض (بكسل CSS) هو الحجم المنطقي الذي تراه صفحة الويب، ومُدرج وفق الاتجاه الطبيعي للجهاز — عمودي للهواتف والأجهزة اللوحية، وأفقي لأجهزة الكمبيوتر المحمول والشاشات.
الدقة الفعلية هي العدد الحقيقي لبكسلات اللوحة، وهو الرقم الذي تعلنه مواصفات الجهاز.
نسبة بكسل الجهاز (DPR) تضاعف إطار العرض ليصل إلى الدقة الفعلية؛ وأي قيمة أعلى من 1 تعني شاشة عالية الكثافة.
نسبة العرض إلى الارتفاع هي شكل الشاشة، من النسبة الطويلة 19.5:9 في الهواتف الحديثة إلى 16:9 في معظم الشاشات، و21:9 و32:9 في الشاشات فائقة العرض.
صفوف أجهزة الكمبيوتر المحمول وشاشات 4K تعكس مستوى تحجيم العرض الافتراضي الشائع، لذا قد يكون إطار العرض أصغر من الدقة الأصلية للوحة.

الأحجام تتغير مع كل طراز جديد

تعامل مع هذه الأرقام كمرجع عملي، لا كضمان ثابت. تعيد الشركات المصنِّعة تعديل أبعاد الشاشات في كل جيل تقريبًا — فقد طرحت أجهزة iPhone وحدها إطارات عرض بعرض 375 و390 و393 و402 و414 و430 و440 بكسل CSS عبر طرازاتها الأخيرة — وتتفاوت أجهزة أندرويد بدرجة أكبر. كما يغيّر تحجيم العرض في نظام التشغيل إطار العرض المُبلَّغ عنه مرة أخرى: فكمبيوتر محمول يعمل بدقة 1080p وتحجيم 150% يتصرف كأنه شاشة 1280 × 720 بنسبة DPR تساوي 1.5. الرقم الأكثر موثوقية هو دائمًا ما يبلغه متصفحك أنت، ولهذا يتم اكتشاف الجهاز المطابق أعلاه مباشرةً من شاشتك.