In today’s world, there are a plethora of devices for people to choose from and it can be daunting to try to accommodate and build for the best experiences on all devices. However, it’s important to stay up-to-date with the most popular screen sizes and resolutions when designing web and mobile sites. A site that is optimized and responsive makes for an easier user flow and ultimately, an enjoyable experience for your audience.

Most Popular Screen Resolutions

Knowing that it is key to accommodate for the many different devices when designing websites, we have compiled a list of the most up-to-date devices with their respective pixel sizes and viewports below.

Desktops & Laptops

1024×768 pixels or higher

Apple Devices

Pixel SizeViewport
iPhone
iPhone XR828 x 1792414 x 896
iPhone XS1125 x 2436375 x 812
iPhone XS Max1242 x 2688414 x 896
iPhone X1125 x 2436375 x 812
iPhone 8 Plus1080 x 1920414 x 736
iPhone 8750 x 1334375 x 667
iPhone 7 Plus1080 x 1920414 x 736
iPhone 7750 x 1334375 x 667
iPhone 6 Plus/6S Plus1080 x 1920414 x 736
iPhone 6/6S750 x 1334375 x 667
iPhone 5640 x 1136320 x 568
iPod
iPod Touch640 x 1136320 x 568
iPad
iPad Pro2048 x 27321024 x 1366
iPad Third & Fourth Generation1536 x 2048768 x 1024
iPad Air 1 & 21536 x 2048768 x 1024
iPad Mini 2 & 31536 x 2048768 x 1024
iPad Mini768 x 1024768 x 1024

Android Devices

Pixel SizeViewport
Phones
Nexus 6P1440 x 2560412 x 732
Nexus 5X1080 x 1920412 x 732
Google Pixel 3 XL1440 x 2960412 x 847
Google Pixel 31080 x 2160412 x 824
Google Pixel 2 XL1440 x 2560412 x 732
Google Pixel XL1440 x 2560412 x 732
Google Pixel1080 x 1920412 x 732
Samsung Galaxy Note 91440 x 2960360 x 740
Samsung Galaxy Note 51440 x 2560480 x 853
LG G51440 x 2560480 x 853
One Plus 31080 x 1920480 x 853
Samsung Galaxy S9+1440 x 2960360 x 740
Samsung Galaxy S91440 x 2960360 x 740
Samsung Galaxy S8+1440 x 2960360 x 740
Samsung Galaxy S81440 x 2960360 x 740
Samsung Galaxy S7 Edge1440 x 2560360 x 640
Samsung Galaxy S71440 x 2560360 x 640
Tablets
Nexus 91536 x 2048768 x 1024
Nexus 7 (2013)1200 x 1920600 x 960
Samsung Galaxy Tab 10800 x 1280800 x 1280
Chromebook Pixel2560 x 17001280 x 850

READ MORE @ MEDIA GENESIS