Generated Content by David Storey

Device screen resolutions ordered by OS

Its often a chore to track down what screen resolutions are supported by the various operating systems and devices that are commonly used on the Web. Vendor sites and developer guidelines are often helpful, but it means hunting down information across many sites and documents. Sites like GSM Arena are great, but it often means checking devices one at a time, and useful information for web developers are lost amongst the densely packed information that is of limited concern to us. As I was researching this information anyway, and I’m a bit of a data nerd, I thought I may as well catalogue the information on my blog for easy access at a later date. If the information is of use to anyone else, then all the better.

I’ve grouped the data by operating system, version, and device type, as I wanted to see what resolutions needed to be supported to broadly cover a particular OS. Not surprisingly, some of the more closed operating systems have tighter control and consistency potentially making them easier to support, while more open operating systems have a plethora of different resolutions and aspect ratios.

As Android is particularly varied, and impossible to predict which devices get updated to a subsequent version of the OS, I’ve kept all versions grouped together. The exception is Cupcake and below, as Android only supported one resolution at that time, making classification easy.

I only included operating systems (and versions) that are currently popular on the Web, or I suspect will be in the future. For feature phones, I used the information I gathered from Opera Mini stats to figure out what devices are still popular. I ignored desktop operating systems, as they are too varied to cover without spending longer than I wanted to on this study.

Other information I’m considering adding includes pixel density (but this varies widely as many devices have the same resolution but different physical sized displays), and the device pixel ratio (although this can vary depending on the browser used).

Without further ado, here is the data:

Smartphones

iOS: iPhone and iPod Touch

NameResolution (px)Aspect Ratio
HVGA 480×320 3:2
DVGA 960×640 3:2
Unknown 1136×640 16:9

Android

Cupcake and below

NameResolution (px)Aspect Ratio
HVGA 480×320 3:2

Donut and above

NameResolution (px)Aspect Ratio
QVGA 320×240 4:3
WQVGA 400×240 15:9
HVGA 480×320 3:2
nHD 640×360 16:9
VGA 640×480 4:3
WVGA 800×480 15:9
FWVGA 854×480 16:9
qHD 960×540 16:9
DVGA 960×640 3:2
HD 720p 1280×720 16:9
XGA 1024×768 4:3
WXGA 1280×768 15:9
WXGA 1280×800 16:10
HD 1080p 1920×1080 16:9

Windows Phone

Microsoft specifies the resolutions that are support for each version of Windows Phone. This ensures consistency between devices.

Windows Phone 7

NameResolution (px)Aspect Ratio
WVGA 800×480 15:9

Windows Phone 8

NameResolution (px)Aspect Ratio
WVGA 800×480 15:9
HD 720p 1280×720 16:9
WXGA 1280×768 15:9
HD 1080p 1920×1080 16:9

Note: 1080p is only supported on Windows 8 GDR3 and above.

Symbian

S60, 2nd Edition

NameResolution (px)Aspect Ratio
Unknown 208×176 13:11

S60, 3rd Edition

NameResolution (px)Aspect Ratio
QVGA 320×240 4:3

S60, 5th edition to Nokia Belle (neé Symbian Belle)

NameResolution (px)Aspect Ratio
nHD 640×360 16:9

BlackBerry OS

BlackBerry 5

NameResolution (px)Aspect Ratio
QVGA 320×240 4:3
HVGA 480×320 3:2
Unknown 480×360 4:3

BlackBerry 6

NameResolution (px)Aspect Ratio
QVGA 320×240 4:3
Unknown 400×360 10:9
Unknown 480×360 4:3

BlackBerry 7

NameResolution (px)Aspect Ratio
QVGA 320×240 4:3
Unknown 480×360 4:3
VGA 640×480 4:3
WVGA 800×480 15:9

BlackBerry 10

NameResolution (px)Aspect Ratio
Unknown 720×720 1:1
720p 1280x720 16:9
WXGA 1280x768 15:9

Note: The 1:1 display is the standard size for all keyboard BlackBerry 10 devices. 720p is the standard size for all BlackBerry 10 touch devices. WXGA is a one off resolution for the BlackBerry Z10 and the developer device.

MeeGo: Harmattan

The only smartphone released commercially with MeeGo was the Nokia N9 with the Harmattan variant.

NameResolution (px)Aspect Ratio
FWVGA 854×480 16:9

Maemo

All versions

NameResolution (px)Aspect Ratio
WVGA 800×480 15:9

Note: Not all Maemo devices are phones, and they’re not particularly popular (outside of a blip in Finland), but the Nokia site made it easy to find the information, so why not?

Firefox OS

NameResolution (px)Aspect Ratio
HVGA 480×320 3:2
qHD960×54016:9

Note: The higher end Geeksphone Peak developer preview phone supports a qHD display, while the lower end, and currently announced consumer devices from ZTE and Alcatel support HVGA. Specs from OEMs such as Sony and LG have yet to be announced. This section will be updated when the information is available.

Feature phones

I’ve only included feature phones that have names and are relatively well known, as it is much easier to research data that way. Bada and later versions of Series 40 could be considered low end smartphone operating systems, and are sometimes marketed as such. I’ve kept them separate from smartphones as they are usually aimed at a very different market segment.

Nokia OS/Asha Platform

Series 40, 3rd Edition to Developer Platform 1.x

NameResolution (px)Aspect Ratio
Unknown 160×128 5:4
QVGA 320×240 4:3
HVGA 480×320 3:2

Note: the HVGA resolution was only found on one device; the Nokia 6260. This has a higher resolution than any subsequent Series 40 devices.

Series 40, Developer Platform 2

NameResolution (px)Aspect Ratio
WQVGA 400×240 15:9

Asha Software Platform 1.0

NameResolution (px)Aspect Ratio
QVGA 320×240 4:3

Note: the Asha software platform is yet another rebranding of the S40/Nokia OS platform. It has the same APIs as Developer Platform 2, with additional localisation (JSR-238) and platform APIs. Web Apps use the Gecko engine.

Bada

Bada 1.x

NameResolution (px)Aspect Ratio
WQVGA 400×240 15:9
WVGA 800×480 15:9

Bada 2

NameResolution (px)Aspect Ratio
HVGA 480×320 3:2
WVGA 800×480 15:9

Tablets

iOS: iPad

NameResolution (px)Aspect Ratio
XGA 1024×768 4:3
QXGA 2048×1536 4:3

Android and derivatives

The NOOK and Kindle tablets are also included in this list. Each model shares a common resolution with an already included standard Android tablet.

NameResolution (px)Aspect Ratio
WSVGA 1024×600 17:10
XGA 1024×768 4:3
WXGA 1280×800 16:10
WXGA+ 1440×900 16:10
WUXGA 1920×1200 16:10
WQXGA 2560×1600 16:10

Windows RT

NameResolution (px)Aspect Ratio
WXGA 1366×768 16:9
HD 1080p 1920×1080 16:9

Note: The original Windows RT includes a “Snap Mode” feature. This displays an app or web page in a sidebar, pinned to one side of the screen. The snapped view takes up 320px, the splitter control takes up 22px, and the remainder for the fill view (the regular web page). On first generation Windows RT machines, this leaves 1,046×768 for the main web page. In Windows RT 8.1, applications can be snapped to any width, so developers should take this into account.

To optimise your site/app to work in the snapped view, you must use the @viewport CSS AtRule.

BlackBerry Tablet OS

NameResolution (px)Aspect Ratio
WSVGA 1024×600 16:9

E ink eBook readers

eBook readers are not particularly popular for surfing the Web, but I thought it would be fun to include them. They all share common resolutions, so are grouped together.

NameResolution (px)Aspect Ratio
SVGA 800×600 4:3
XGA 1024×768 4:3
Unknown 1200×824 150:103

TV

TVs share a set of standardised resolutions, so all platforms are grouped together. I should include SD resolutions at a later date, as the Wii does not support HD.

NameResolution (px)Aspect Ratio
HD 720p 1280×720 16:9
HD 1080p 1920×1080 16:9
  1. develosign reblogged this from dstorey and added:
    Happened to come across a couple of these today so if anyone is looking for a list of screen rez by OS this looks pretty...
  2. zuluhotel reblogged this from dstorey and added:
    Fantastic breakdown of resolutions.
  3. webdesignertools reblogged this from dstorey
  4. amandajoyfrank reblogged this from dstorey
  5. bleaklamentations reblogged this from dstorey
  6. fabiencanu reblogged this from dstorey and added:
    Les différentes résolutions des smatrhpone
  7. metamorphosissocial reblogged this from dstorey
  8. stereojam reblogged this from dstorey
  9. goetter reblogged this from dstorey
  10. dstorey posted this