Stax
Tools

Mobile Screen Sizes Reference

2025–2026 reference for iPhone 17, Galaxy S25, Pixel 9a screen sizes.

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.

Mobile Screen Sizes — อ้างอิงครบถ้วนสำหรับ Responsive Design ปี 2025–2026

นักพัฒนา front-end และนักออกแบบ UI ทุกคนที่ทำงานกับ responsive layout จำเป็นต้องรู้ขนาด pixel ที่แน่นอน ขนาด CSS logical และ device pixel ratio ของอุปกรณ์ที่ผู้ใช้ใช้ เอกสารอ้างอิงนี้ครอบคลุมอุปกรณ์ iOS และ Android หลักทุกรุ่นที่ออกวางจำหน่ายถึงปี 2026 รวมถึง iPhone 17 series, iPhone 16e, Samsung Galaxy S25 Ultra, Google Pixel 9a และ tablet ชั้นนำ ในตารางค้นหาเดียว

ใช้ช่องค้นหาเพื่อกรองตามชื่ออุปกรณ์หรือความละเอียด สลับระหว่าง physical pixel และ CSS logical pixel เพื่อเปลี่ยน context ได้ physical pixel สำคัญสำหรับการปรับขนาด image asset ส่วน CSS pixel สำคัญสำหรับ media query และ layout breakpoint คลิกแถวใดก็ได้เพื่อคัดลอก logical resolution ของอุปกรณ์ไปยัง clipboard โดยตรง คอลัมน์ PPI ช่วยตัดสินใจว่าคุณต้องการ image asset ขนาด @2x หรือ @3x สำหรับอุปกรณ์ที่กำหนด

สมาร์ทโฟนสมัยใหม่บรรจุ physical pixel 2–4 พิกเซลในทุก CSS pixel iPhone 17 Pro มี DPR ที่ 3 หมายความว่าหน้าจอ physical 1206×2622 จะปรากฏเป็น 402×874 ใน CSS นั่นคือเหตุผลที่คุณต้องการภาพ @2x และ @3x ใน asset pipeline ของคุณ ภาพ CSS pixel 100×100 บนอุปกรณ์ DPR-3 จริงๆ แล้วแสดงที่ physical pixel 300×300 การให้เฉพาะภาพ 1× บนหน้าจอ high-DPI ส่งผลให้ภาพถ่ายและไอคอนที่มองเห็นได้เบลอ

นักพัฒนา front-end ใช้มันเมื่อเขียน CSS media query และต้องการความกว้าง logical ที่แน่นอนของอุปกรณ์เป้าหมาย นักออกแบบ UI ใช้มันใน Figma หรือ Sketch เพื่อตั้งค่า artboard ที่มิติ logical ที่ถูกต้อง QA engineer ใช้เป็นข้อมูลอ้างอิงในการกำหนดค่า emulator และ BrowserStack device profile นักพัฒนา mobile app ใช้ข้อมูล PPI และ DPR เพื่อกำหนดค่า asset catalog และ screen density bucket สำหรับ Android และ iOS

เอกสารอ้างอิงนี้เป็นเครื่องมือ static client-side เต็มรูปแบบ ข้อมูลอุปกรณ์ทั้งหมดถูกรวมไว้ในหน้าเอง ไม่มีการส่ง search query, filter input หรือการโต้ตอบของผู้ใช้ไปยังเซิร์ฟเวอร์หรือ analytics endpoint ใดๆ นอกเหนือจาก metrics การโหลดหน้ามาตรฐาน

คำถามที่พบบ่อย

What is the difference between physical and logical resolution?
Physical resolution is the actual pixel count on the screen. Logical resolution (CSS pixels or points) is what developers target in media queries. A 3x device like the iPhone 17 has 3 physical pixels per CSS pixel, so its 1179×2556 physical screen appears as 393×852 in your stylesheets.
What is device pixel ratio (DPR)?
Device Pixel Ratio (DPR) is the ratio of physical pixels to logical pixels. A DPR of 3 means 9 physical pixels per logical pixel. Use window.devicePixelRatio in JavaScript to read the current device's DPR at runtime. Most 2024–2025 flagship phones use DPR 3; high-end Android flagships like the Galaxy S25 Ultra use DPR 4.
What CSS breakpoints should I use for mobile?
Common breakpoints: 375px (older iPhones), 390–393px (iPhone 14–17 standard), 402px (iPhone 16/17 Pro), 430px (iPhone 16/17 Air and Plus), 440px (iPhone 17 Pro Max), 360px (most Android), 412px (Pixel Android). Always use min-width media queries for mobile-first design. Avoid targeting specific device sizes — design fluid layouts that work across ranges.
What is the iPhone 17 Air screen size?
The iPhone 17 Air (2025) has a 6.6-inch OLED display with a physical resolution of 1290×2796 pixels at 466 PPI, @3x scale. Its CSS/logical resolution is 430×932 points — the same logical size as iPhone 16 Plus and 15 Pro Max. The 'Air' refers to its ultra-thin 5.5 mm chassis, not a downgrade in display quality.
What screen size does the Samsung Galaxy S25 use?
The Galaxy S25 (2025) has a 6.2-inch Dynamic AMOLED 2X display at 1080×2340 (FHD+), 416 PPI, @3x scale — CSS dp size: 360×780. The S25+ is 6.7-inch at 1080×2340 (388 PPI), and the S25 Ultra is 6.9-inch at 1440×3120 (QHD+, 501 PPI, @4x, 360×780 dp).

เครื่องมือที่เกี่ยวข้อง