What are the correct screen sizes for iPhone, iPad, Android, Apple TV and web?

If you're creating your screens outside Marvel and importing them in, the correct screen sizes are as follows:

iOS-based devices:

  • iPhone 4, 4s - 640×960
  • iPhone 5, 5c, 5s - 640×1136
  • iPhone 6 - 750×1334
  • iPhone 6 Plus - 1242×2208
  • iPhone 7 - 750 x 1334
  • iPad Air - 768×1024 or @2x
  • iPad Pro (12.9 inch) - 2732 x 2048
  • iPad Pro (9.7 inch) - 2048x1536
  • Apple Watch - 312x390

Apple TV size:

1920x1080 (more information here)

Android-based devices:

  • Nexus 5, Galaxy S5, HTC One - 1080×1920

Best sizes for web-based designs:

  • 1024×768 - 4:3 resolution
  • 1368×768 - a common notebook, netbook or laptop resolution
  • 1280×800 - non-retina MacBook Pro resolution
  • 1280×1024 - 5:4 resolution
  • 1440×900 - MacBook Air resolution
  • 1920×1080 - full HD resolution

To check your display's resolution, use  this tool. For more information about screen sizes of different devices, check out Paintcodeapp's Ultimate Guide to iPhone Resolutions or screensiz.es.

Note- if you're creating your screens with our Design tool, the correct screen size will automatically be created for you when you select the device type as you're creating the project.

More questions? You can submit a request.