iPhone 11, iPhone 11 Pro and 11 Pro Max
With each new year, Apple releases new devices to the world, and this year is no exception. We were expecting a revamped display with new resolutions. However, that is not the case! Moreover, we got 3 new devices with tons of new features, but, the most important aspect for our customers, the screen resolutions remained intact.
The short and easy:
To make things short, you don’t have to update any code for our items to work on your brand new iPhone 11, 11 Pro or 11 Pro Max. Therefore, Splash Screens, Home Screen icons and everything else will work perfectly fine and all our products are fully compatible!
The detailed explanation:
We build Mobile Websites, Mobile Apps and PWA’s and while of course Mobile Websites are fully compatible with any new device anyone releases, in the case of Apple alone, when they switch resolutions, we need to create new splash screens and update some items to adjust for the notch or add new CSS parameters for the splash screens when it comes to PWA or PhoneGap & Cordova use.
Thankfully, this year, that is not the case. Let’s dive into this a bit.
Understanding Resolutions for iOS Devices:
While other manufacturers aren’t this crazy about resolutions, and know how to crop their own splash screen, in the case of Apple, they go a bit extreme. A fast and instant example, Android devices share the same Splash Screens simply defined based on DPI.
LDPI: 200 x 320px
MDPI: 320 x 480px
HDPI: 480 x 800px
XHDPI: 720 x 1280px
XXHDPI: 960 x 1600px
XXXHDPI: 1440 x 2560px
Therefore, to make things short, we needed 2 images for all these devices to create splash screens, one for regular models, one for plus models.
iPhone 6, 6S, 7, 8 – 750 x 1334px
iPhone 6+, 6S+ , 7+, 8 – 1232 x 2208px
However, after Apple released the iPhone X, XS, XS Max and XR we got a few new resolutions
iPhone X, XS – 1125 x 2436px
iPhone XS Max – 1242 x 2688px
iPhone XR – 828 x 1792px
Now, in 2019, Apple released the iPhone 11 and 11 Pro, where we were anxiously awaiting, prepared to release updates and a blog post with the small code existing buyers would have to add to make their splash screens compatible with new devices.
We’re happy to announce, that these new devices, share the same resolution with the iPhone X, XS and XR from last year, making the list as follows.
iPhone X, XS, 11 Pro – 1125 x 2436px
iPhone XS Max, 11 Pro Max – 1242 x 2688px
iPhone XR and iPhone 11 – 828 x 1792px
It’s funny to note however, that while the Splash Screens are highly complicated for iOS and not so for Android, the same cannot be said for the Home Screen Icons. In this case, the icon sizes on Android are huge, while, from our experience, iOS ( modern devices ) only need 1 icon.
Ending Words – We are fully compatible!
We’re always up to date with the newest technologies and devices that come out! So stay tuned and keep an eye out on our blog when a new device is out. If anything needs to be changed, we’ll make sure to keep it as simple as possible, however, in our 11 years of doing this, we always made the code in such fashion that any change will most likely be a single line of code you’ll have to drop somewhere without affecting speed, performance or overall functionality if you don’t do so!
We’re always committed to our customers and our products quality!