Stax

مرجع أحجام شاشات الجوال

مرجع 2025–2026 لأحجام شاشات iPhone 17 وGalaxy S25 وPixel 9a.

DeviceWidth (px)Height (px)PPIScaleYear
iPhone 17 Pro Max(6.9" ProMotion)132028684603x2025
iPhone 17 Pro(6.3" ProMotion)120626224603x2025
iPhone 17 Air(6.6" ultra-thin 5.5 mm)129027964663x2025
iPhone 17(6.1" ProMotion)117925564603x2025
iPhone 16e(6.1" — replaces SE line)117925564603x2025
iPhone 16 Pro Max(6.9")132028684603x2024
iPhone 16 Pro(6.3")120626224603x2024
iPhone 16 Plus(6.7")129027964603x2024
iPhone 16(6.1")117925564603x2024
iPhone 15 Pro Max129027964603x2023
iPhone 15 Pro117925564603x2023
iPhone 15 Plus129027964603x2023
iPhone 15117925564603x2023
iPhone 14 Pro Max129027964603x2022
iPhone 14117025324603x2022
iPhone SE (3rd)(4.7")75013343262x2022
iPhone 13 mini108023404763x2021
iPhone 12117025324603x2020
iPhone 1182817923262x2019
Samsung Galaxy S25 Ultra(6.9" QHD+)144031205014x2025
Samsung Galaxy S25 Edge(6.7" ultra-thin)108023403963x2025
Samsung Galaxy S25+(6.7")108023403883x2025
Samsung Galaxy S25(6.2")108023404163x2025
Google Pixel 9a(6.3")108024244223x2025
Samsung Galaxy S24 Ultra144030885054x2024
Samsung Galaxy S24108023404163x2024
Google Pixel 9 Pro134429924863.5x2024
Google Pixel 9108024244223x2024
Samsung Galaxy A55108023404033x2024
OnePlus 12144031685104x2024
Xiaomi 14120026704603x2024
Google Pixel 8a108024004293x2024
iPad mini 7 (M3)(8.3")148822663262x2024
iPad Pro 13" (M4)206427522642x2024
iPad Pro 11" (M4)166824202642x2024
iPad Air 13" (M2)206427522642x2024
iPad Air 11" (M2)164023602642x2024
iPad (10th gen)164023602642x2022
Samsung Galaxy Tab S10 Ultra(14.6")184829602402x2024
Samsung Galaxy Tab S10+(12.4")175228002662x2024
Samsung Galaxy Tab S9160025602742x2023
41 devices · Click any row for details. Logical = CSS pixels used in media queries.

ما هو مرجع أحجام الشاشات؟

دليل شامل لأحجام شاشات الهواتف اللوحية وأجهزة Apple وAndroid وWindows. أساسي لمصممي UI، مطوري الويب، ضمان أن تطبيقك يعمل على كل الأجهزة. يشمل CSS pixels، physical pixels، resolution، pixel density.

أجهزة شائعة 2026

  1. iPhone 15 Pro Max: 430×932 (CSS)
  2. iPhone 15: 393×852
  3. Galaxy S24 Ultra: 412×912
  4. Pixel 8 Pro: 412×892
  5. iPad Pro 12.9: 1024×1366

Breakpoints موصى بها

  • Mobile: <640px
  • Tablet: 640-1024
  • Laptop: 1024-1440
  • Desktop: >1440
  • Ultra-wide: >1920

Mobile-first design

ابدأ من أصغر شاشة، أضف ميزات للأكبر. استخدم relative units (rem، %)، ليس px. flexbox/grid للـ layout المرن. responsive images (srcset). اختبر على Chrome DevTools device mode، iOS Safari فعلياً، Samsung Browser. lighthouse score 90+ للموبايل ضروري للـ SEO الحديث.

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

ما أحجام شاشات الموبايل الحديثة؟
iPhone 15 Pro Max: 430×932 (logical)، 1290×2796 (physical). iPhone 15: 393×852. Samsung Galaxy S24 Ultra: 412×912. Pixel 8 Pro: 412×892. تطبيقات تصمم للـ logical pixels، الصور تحتاج physical (3x retina).
ما الفرق بين logical وphysical؟
Logical (CSS pixels): ما تستخدمه في CSS. Physical: البكسل الحقيقي للشاشة. iPhone 15 = 393×852 logical لكن 1179×2556 physical (3x ratio). للصور، تحتاج 2x أو 3x للوضوح على Retina. CSS تتعامل مع التحويل تلقائياً.
ما الـ breakpoints الموصى بها؟
Mobile: <640px. Tablet: 640-1024. Laptop: 1024-1440. Desktop: >1440. Tailwind/Bootstrap يستخدمون مماثل. تجنب breakpoints بناءً على أجهزة محددة (iPhone X) - استخدم قيم منطقية. اختبر على devices حقيقية.
كيف أصمم لكل الأجهزة؟
Mobile-first design - ابدأ بأصغر شاشة. استخدم relative units (rem، %)، ليس px. flexbox/grid للـ layout المرن. responsive images (srcset). اختبر على Chrome DevTools device mode، iOS Safari (فعلياً). تجنب fixed widths مطلقاً.

أدوات ذات صلة