Every iPhone Screen Resolution Listed by Model
My Screen Resolution · March 9, 2026
Every iPhone Screen Resolution Listed by Model
Apple has released over 40 iPhone models since 2007, and the screen resolution has changed significantly across generations. Whether you are a developer building responsive layouts, a designer preparing assets, or just curious about your own device, having a reliable iPhone screen resolution list by model saves time and guesswork.
This article covers every iPhone ever released, organized by generation. Each entry includes the physical screen size, native pixel resolution, pixels per inch (PPI), and the device pixel ratio (DPR) that browsers report. If you want to see what resolution your own device is reporting right now, visit MyScreenResolution.com — it detects your screen resolution, viewport, and DPR instantly.
Complete iPhone Screen Resolution Table
The table below lists every iPhone model from the original 2007 device through the iPhone 16 lineup. Resolutions are listed as width x height in portrait orientation.
iPhone (2007) and iPhone 3G/3GS
These early models used non-Retina displays with a 1:1 device pixel ratio. What you saw on screen was exactly what the browser reported.
| Model | Year | Screen Size | Resolution (px) | PPI | DPR |
|---|---|---|---|---|---|
| iPhone (1st gen) | 2007 | 3.5" | 320 x 480 | 163 | 1x |
| iPhone 3G | 2008 | 3.5" | 320 x 480 | 163 | 1x |
| iPhone 3GS | 2009 | 3.5" | 320 x 480 | 163 | 1x |
iPhone 4 and 4s — The Retina Era Begins
The iPhone 4 doubled the pixel count in both directions, introducing the Retina display at 2x DPR.
| Model | Year | Screen Size | Resolution (px) | PPI | DPR |
|---|---|---|---|---|---|
| iPhone 4 | 2010 | 3.5" | 640 x 960 | 326 | 2x |
| iPhone 4s | 2011 | 3.5" | 640 x 960 | 326 | 2x |
iPhone 5, 5c, 5s, and SE (1st Gen) — The Taller Screen
Apple stretched the display vertically, moving from a 3:2 to a 16:9 aspect ratio.
| Model | Year | Screen Size | Resolution (px) | PPI | DPR |
|---|---|---|---|---|---|
| iPhone 5 | 2012 | 4.0" | 640 x 1136 | 326 | 2x |
| iPhone 5c | 2013 | 4.0" | 640 x 1136 | 326 | 2x |
| iPhone 5s | 2013 | 4.0" | 640 x 1136 | 326 | 2x |
| iPhone SE (1st gen) | 2016 | 4.0" | 640 x 1136 | 326 | 2x |
iPhone 6, 6s, 7, 8, and SE (2nd/3rd Gen) — Two Size Classes
Starting with the iPhone 6, Apple offered two sizes. The standard models kept 2x DPR while the Plus models jumped to 3x.
| Model | Year | Screen Size | Resolution (px) | PPI | DPR |
|---|---|---|---|---|---|
| iPhone 6 | 2014 | 4.7" | 750 x 1334 | 326 | 2x |
| iPhone 6 Plus | 2014 | 5.5" | 1080 x 1920 | 401 | 3x |
| iPhone 6s | 2015 | 4.7" | 750 x 1334 | 326 | 2x |
| iPhone 6s Plus | 2015 | 5.5" | 1080 x 1920 | 401 | 3x |
| iPhone 7 | 2016 | 4.7" | 750 x 1334 | 326 | 2x |
| iPhone 7 Plus | 2016 | 5.5" | 1080 x 1920 | 401 | 3x |
| iPhone 8 | 2017 | 4.7" | 750 x 1334 | 326 | 2x |
| iPhone 8 Plus | 2017 | 5.5" | 1080 x 1920 | 401 | 3x |
| iPhone SE (2nd gen) | 2020 | 4.7" | 750 x 1334 | 326 | 2x |
| iPhone SE (3rd gen) | 2022 | 4.7" | 750 x 1334 | 326 | 2x |
iPhone X, XS, XS Max, and XR — The Notch and OLED
The iPhone X introduced an edge-to-edge OLED display with the notch. Apple branded this "Super Retina" and moved the standard model to 3x DPR.
| Model | Year | Screen Size | Resolution (px) | PPI | DPR |
|---|---|---|---|---|---|
| iPhone X | 2017 | 5.8" | 1125 x 2436 | 458 | 3x |
| iPhone XR | 2018 | 6.1" | 828 x 1792 | 326 | 2x |
| iPhone XS | 2018 | 5.8" | 1125 x 2436 | 458 | 3x |
| iPhone XS Max | 2018 | 6.5" | 1242 x 2688 | 458 | 3x |
iPhone 11 Series
| Model | Year | Screen Size | Resolution (px) | PPI | DPR |
|---|---|---|---|---|---|
| iPhone 11 | 2019 | 6.1" | 828 x 1792 | 326 | 2x |
| iPhone 11 Pro | 2019 | 5.8" | 1125 x 2436 | 458 | 3x |
| iPhone 11 Pro Max | 2019 | 6.5" | 1242 x 2688 | 458 | 3x |
iPhone 12 Series — Super Retina XDR Across the Board
Every iPhone 12 model uses OLED with Super Retina XDR and 3x DPR. Apple also introduced a new smaller option with the 12 mini.
| Model | Year | Screen Size | Resolution (px) | PPI | DPR |
|---|---|---|---|---|---|
| iPhone 12 mini | 2020 | 5.4" | 1080 x 2340 | 476 | 3x |
| iPhone 12 | 2020 | 6.1" | 1170 x 2532 | 460 | 3x |
| iPhone 12 Pro | 2020 | 6.1" | 1170 x 2532 | 460 | 3x |
| iPhone 12 Pro Max | 2020 | 6.7" | 1284 x 2778 | 458 | 3x |
iPhone 13 Series — ProMotion Arrives on Pro Models
The iPhone 13 Pro and Pro Max introduced ProMotion with an adaptive 120Hz refresh rate. Screen resolutions remained identical to the iPhone 12 lineup.
| Model | Year | Screen Size | Resolution (px) | PPI | DPR | Refresh Rate |
|---|---|---|---|---|---|---|
| iPhone 13 mini | 2021 | 5.4" | 1080 x 2340 | 476 | 3x | 60Hz |
| iPhone 13 | 2021 | 6.1" | 1170 x 2532 | 460 | 3x | 60Hz |
| iPhone 13 Pro | 2021 | 6.1" | 1170 x 2532 | 460 | 3x | 120Hz (ProMotion) |
| iPhone 13 Pro Max | 2021 | 6.7" | 1284 x 2778 | 458 | 3x | 120Hz (ProMotion) |
iPhone 14 Series — Dynamic Island on Pro
| Model | Year | Screen Size | Resolution (px) | PPI | DPR | Refresh Rate |
|---|---|---|---|---|---|---|
| iPhone 14 | 2022 | 6.1" | 1170 x 2532 | 460 | 3x | 60Hz |
| iPhone 14 Plus | 2022 | 6.7" | 1284 x 2778 | 458 | 3x | 60Hz |
| iPhone 14 Pro | 2022 | 6.1" | 1179 x 2556 | 460 | 3x | 120Hz (ProMotion) |
| iPhone 14 Pro Max | 2022 | 6.7" | 1290 x 2796 | 460 | 3x | 120Hz (ProMotion) |
iPhone 15 Series
| Model | Year | Screen Size | Resolution (px) | PPI | DPR | Refresh Rate |
|---|---|---|---|---|---|---|
| iPhone 15 | 2023 | 6.1" | 1179 x 2556 | 460 | 3x | 60Hz |
| iPhone 15 Plus | 2023 | 6.7" | 1290 x 2796 | 460 | 3x | 60Hz |
| iPhone 15 Pro | 2023 | 6.1" | 1179 x 2556 | 460 | 3x | 120Hz (ProMotion) |
| iPhone 15 Pro Max | 2023 | 6.7" | 1290 x 2796 | 460 | 3x | 120Hz (ProMotion) |
iPhone 16 Series
| Model | Year | Screen Size | Resolution (px) | PPI | DPR | Refresh Rate |
|---|---|---|---|---|---|---|
| iPhone 16 | 2024 | 6.1" | 1179 x 2556 | 460 | 3x | 60Hz |
| iPhone 16 Plus | 2024 | 6.7" | 1290 x 2796 | 460 | 3x | 60Hz |
| iPhone 16 Pro | 2024 | 6.3" | 1206 x 2622 | 460 | 3x | 120Hz (ProMotion) |
| iPhone 16 Pro Max | 2024 | 6.9" | 1320 x 2868 | 460 | 3x | 120Hz (ProMotion) |
iPhone SE (4th Gen)
| Model | Year | Screen Size | Resolution (px) | PPI | DPR | Refresh Rate |
|---|---|---|---|---|---|---|
| iPhone SE (4th gen) | 2025 | 6.1" | 1170 x 2532 | 460 | 3x | 60Hz |
How iPhone Resolution Has Evolved Over Time
Looking at the full iPhone screen resolution list by model, a few major transitions stand out:
2007 -- 2009: The 320 x 480 era. Every iPhone had the same 3.5-inch, 163 PPI display. At 1x DPR, one CSS pixel equaled one physical pixel. Web design for iPhone was straightforward because there was only one target.
2010: Retina doubles everything. The iPhone 4 quadrupled the total pixel count by doubling both dimensions. Apple introduced the 2x device pixel ratio so that existing apps and websites still rendered at the same logical size. This was the birth of the concept that device pixel ratio now plays a central role in responsive design.
2012: The taller screen. The iPhone 5 kept the same 326 PPI and 2x DPR but stretched the display from 3.5 to 4 inches, changing the aspect ratio from 3:2 to 16:9. Developers had to handle a new viewport height for the first time.
2014: Two sizes, two DPRs. The iPhone 6 Plus introduced 3x DPR and a 5.5-inch screen while the standard iPhone 6 stayed at 2x. This meant web developers now had to serve three different asset sizes: 1x for legacy devices, 2x for standard models, and 3x for Plus models.
2017: Edge-to-edge OLED. The iPhone X eliminated the home button, introduced the notch, and moved the standard flagship to 3x DPR with Super Retina. The resolution jumped to 1125 x 2436, and the safe area inset became a new design consideration.
2020 -- present: Standardization at 3x. From the iPhone 12 onward, every model except the budget iPhone SE uses 3x DPR and OLED. The resolution differences between models are now small, and the main differentiator between Pro and non-Pro has shifted from resolution to refresh rate (ProMotion) and brightness.
Points vs Pixels on iPhone
If you are a developer or designer, understanding the difference between points and pixels on iPhone is essential.
Apple uses a coordinate system measured in points. One point is the basic unit of layout in iOS. How many physical pixels make up one point depends on the device pixel ratio:
- 1x displays (iPhone 3GS and earlier): 1 point = 1 pixel
- 2x displays (iPhone 4 through iPhone XR, iPhone SE): 1 point = 4 pixels (2 x 2)
- 3x displays (iPhone X onward, Plus models): 1 point = 9 pixels (3 x 3)
For web development, the same principle applies through CSS pixels. When Safari on an iPhone 15 Pro reports a viewport width of 393 CSS pixels, the actual hardware is rendering 1179 physical pixels across that width — exactly 3 times as many.
This is why you need to serve high-resolution images. A 200 x 200 CSS pixel image on a 3x iPhone actually covers 600 x 600 physical pixels. If you only supply a 200 x 200 pixel source image, it gets stretched and looks blurry. You need at least a 600 x 600 pixel source for crisp rendering on 3x devices.
Retina Display Explained
When Apple announced the iPhone 4 in 2010, Steve Jobs introduced the term "Retina display." The idea was simple: if pixel density is high enough that the human eye cannot distinguish individual pixels at a normal viewing distance, the display qualifies as Retina.
For the iPhone, Apple set the threshold at about 300 PPI for a device held roughly 10 to 12 inches from your face. The iPhone 4 hit 326 PPI, comfortably clearing that bar. Every iPhone since has maintained at least 326 PPI.
Retina is a marketing term, not a technical specification. There is no industry standard body certifying displays as Retina. But the concept it describes is real — beyond a certain pixel density, adding more pixels produces diminishing returns for perceived sharpness because your eye simply cannot resolve the difference.
For practical purposes, "Retina" on iPhone means:
- 2x DPR at 326 PPI (iPhone 4 through iPhone 8, iPhone SE, iPhone XR, iPhone 11)
- 3x DPR at 401 PPI (iPhone 6 Plus through 8 Plus)
- 3x DPR at 458-476 PPI (iPhone X onward)
Super Retina and Super Retina XDR Explained
Starting with the iPhone X, Apple introduced Super Retina, which refers to OLED panels with higher resolution and contrast compared to the LCD Retina displays in earlier iPhones. The key differences:
- OLED vs LCD: Super Retina uses OLED technology, where each pixel produces its own light. This enables true blacks (the pixel simply turns off), infinite contrast ratio, and wider color gamut.
- Higher PPI: Super Retina displays run at 458 PPI or higher, compared to 326 PPI on standard Retina iPhones.
- HDR support: Starting with the iPhone 12 series, Apple added the "XDR" label — Super Retina XDR — indicating support for Extreme Dynamic Range. These displays can hit peak brightness levels of 1200 nits or more for HDR content, and up to 2000 nits for outdoor visibility on recent Pro models.
From a resolution and web development perspective, Super Retina XDR does not change how you handle layout. The DPR is still 3x, and CSS pixels work the same way. The improvements are in color accuracy, contrast, and brightness — things that matter for photo and video quality but do not affect how your responsive breakpoints behave.
ProMotion and Refresh Rate
ProMotion is Apple's name for the adaptive high-refresh-rate display technology introduced on the iPhone 13 Pro and iPhone 13 Pro Max. Here is what it does:
- The display can refresh at up to 120 frames per second instead of the standard 60.
- The refresh rate is adaptive, meaning it scales down to as low as 1Hz (on Pro models with Always-On Display) when displaying static content. This saves battery.
- Scrolling, animations, and touch interactions feel noticeably smoother at 120Hz compared to 60Hz.
ProMotion does not change the screen resolution or DPR. An iPhone 15 Pro and iPhone 15 have the same pixel resolution and DPR — the difference is how many times per second the display refreshes the image. For web developers, ProMotion means your CSS animations and JavaScript requestAnimationFrame callbacks can run at 120fps if the device is not throttling, so performance optimization matters more on these devices.
As of the iPhone 16 lineup, ProMotion remains exclusive to Pro models. The standard iPhone 16 and iPhone 16 Plus still run at 60Hz.
How to Check Your iPhone's Effective Resolution
Specs on a page are useful, but what your browser actually reports can differ from the hardware specs due to display scaling, zoom levels, and OS-level rendering.
The quickest way to see your iPhone's effective resolution is to open Safari and visit MyScreenResolution.com. The site instantly shows you:
- Screen resolution: the physical pixel dimensions your device is reporting
- Viewport size: the CSS pixel dimensions your browser is working with
- Device pixel ratio: the multiplier between CSS pixels and hardware pixels
This is especially useful when you are debugging responsive designs or testing how your site renders on a specific iPhone model. Instead of guessing or looking up specs, you get the real values your browser is using right now.
Quick Reference: iPhone Viewport Sizes for Web Developers
While the tables above show hardware pixel resolutions, web developers work with CSS pixel viewports. Here are the most common iPhone viewport widths you will encounter:
| Viewport Width (CSS px) | Models |
|---|---|
| 320 | iPhone 5, 5s, 5c, SE (1st gen) |
| 375 | iPhone 6, 6s, 7, 8, SE (2nd/3rd gen), X, XS, 11 Pro, 12 mini, 13 mini |
| 390 | iPhone 12, 12 Pro, 13, 13 Pro, 14 |
| 393 | iPhone 14 Pro, 15, 15 Pro, 16, SE (4th gen) |
| 402 | iPhone 16 Pro |
| 414 | iPhone 6 Plus, 6s Plus, 7 Plus, 8 Plus, XR, XS Max, 11, 11 Pro Max |
| 428 | iPhone 12 Pro Max, 13 Pro Max, 14 Plus |
| 430 | iPhone 14 Pro Max, 15 Plus, 15 Pro Max, 16 Plus |
| 440 | iPhone 16 Pro Max |
These viewport widths are what Safari reports and what your CSS media queries respond to. They are calculated by dividing the hardware pixel width by the DPR. Knowing these values helps you set accurate breakpoints and test across the iPhone range efficiently.
Conclusion
The iPhone screen resolution list by model shows a clear trajectory: from 320 x 480 at 163 PPI in 2007 to 1320 x 2868 at 460 PPI in 2024. The first decade saw dramatic jumps in resolution and the introduction of Retina scaling. The second decade has focused on display technology — OLED, HDR, ProMotion — while resolutions and DPR have largely stabilized at 3x.
For developers and designers, the practical takeaway is that nearly every modern iPhone runs at 3x DPR with a viewport between 390 and 440 CSS pixels wide. Serve 3x image assets, design for those viewport ranges, and use MyScreenResolution.com to verify what any specific device actually reports. That covers the vast majority of real-world iPhone traffic today.