Reference - Device and Issue Compatibility

Mag+ is a custom digital design solution, which means we offer InDesign templates for a number of different devices, allowing you to create pixel-perfect designs for any number of screens. However, in many cases, a MIB (Mag+ Issue Bundle) created at one size can be read by another device with a different size screen. This article will walk you through those compatibilities.

It's important to note the difference between the Mag+ iOS/Android/Kindle Fire app and Mag+ Issues. The app is the container that sits on a device and presents an interactive user interface. Mag+ Issues are content displayed by the Mag+ app. Mag+ Issues can be embedded within an app (known as Single-Issue apps) or can be served from the Mag+ Publish portal.

Supported Devices

The Mag+ platform supports iOS and Android devices, including Kindle Fire devices which are a subset of Android. The following devices are specifically supported:

Apple iOS

  • iPhone 4S - 7+
  • iPad 2
  • iPad Retina 3 & 4
  • iPad Air and Air 2
  • iPad Pro
  • iPad Mini, Mini 2, and Mini 3
Note: Mag+ no longer supports the 1st generation iPad or any iOS devices supporting iOS 7 or older.

Google Android

  • Android Tablets running Android OS 4.0 and higher
  • Android Smartphones running Android OS 4.0 and higher
Note: Android devices categorized as "small" (according to the manufacturer) are not supported. For more information, read the Android Developer article "Supporting Multiple Screens." Unfortunately, Mag+ is unable to test its features on all of the thousands of Android devices available on the market, so exceptions to the above specs may apply. 

Amazon Kindle Fire

  • Kindle Fire
  • Kindle Fire HD 7" & 8.9"
  • Kindle Fire HDX 7" & 8.9"
Note: Mag+ does not support Kindle Fire 1st generation. 

App Functionality

Both iOS and Android (which includes Amazon Fire) apps are resolution independent.

For iOS, that means that a single iPad app will render correctly on all versions of the iPad, including the iPad Mini. An iPhone app is different than an iPad app, as it presents a user interface that is optimized for a smaller screen, but a single iPhone app can run on an iPhone 4S and higher. You can choose to create separate iPhone and iPad apps or one universal app, which will present the correct UI on the correct device. 

For Android, the app scales as needed to run on all devices that are running Android OS 4.0 or higher, but you must use the 1280x800 InDesign template for tablets or the 1280x720 template for smartphones in order to have all your content scale appropriately. You can choose to create separate smartphone and tablet apps or one universal app, which will present the correct UI on the correct device. 

Note: Mag+ will serve an existing iPhone 4 or iPhone 5 MIB to Android smartphones if there is no native Android smartphone MIB available.

When creating content for your apps, keep in mind that universal apps can serve different Mag+ Issues to tablets and smartphones, but you may only serve one Subscription across all devices. If you would like to offer separate subscriptions to tablets and smartphones you must create separate apps.

Mag+ Issues

Every Issue created in Mag+ is built on an InDesign template that is sized to a particular resolution—a pixel height and width.

Screen sizes (in pixels) for different devices

iPad 2/Mini 1024x768
iPad Retina 3/4/Air/Air 2/Mini 2/Mini 3 1536x2048
iPad Pro 2732x2048
Android Tablet 1280x800
Android Tablet 1600x2560
Android Low-Resolution Tablet 1024x600
Kindle Fire 1024x600
Kindle Fire HD 7" 1280x800
Kindle Fire HD 8.9" 1920x1200
Kindle Fire HDX 7" 1920x1200
Kindle Fire HDX 8.9" 2560x1600
iPhone 4S 960x640
iPhone 5/5S/5C/SE 1136x640
iPhone 6/7 1334x750
iPhone 6+/6S+ 2208x1242
iPhone 7+ 1920x1080
Android Smartphone 1280x720
Note: Since Apple's iOS 8 update, the 'Display Zoom' feature was introduced to provide two different screen display size options. This addition required us to change how we serve iPhone 6 and 6+ MIBs to devices when users have the 'Zoomed' display setting enabled. This setting alters the device's resolution from a true iPhone 6 (750x1334) down to an iPhone 5 (640 x 1136). If the display setting is set to Standard, the proper resolution is used which then allows you to properly serve an iPhone 6 or 6+ MIB respectively.
IMPORTANT: To accommodate all iPhone sizes we recommend uploading at least an iPhone 4 and iPhone 5 MIB to account for both Standard and Zoomed display modes.

You can serve a MIB to a device that doesn't match its resolution. It's just important to know the rules about how it will render: 

  • Android tablets: MIBs can scale to larger and smaller screens, but you must use specific-resolution templates. You can create one 1280x800 MIB to serve to all tablet devices. A 1280x720 MIB will cover all smartphones.  If the device screen is a different aspect ratio than the MIB, the MIB will letterbox to fill the unused space on the screen.
  • Apple iPads: MIBs will upscale on iPad Retina devices, so they will fill the screen, however they will not look as sharp as Retina MIBs because there are fewer pixels to fill the space. iPad Retina MIBs will downscale for non-Retina devices, but this is not recommended as the extra pixel information can cause performance issues.
  • Apple iPhones: iPhone 4 MIBs will render on the iPhone 5 and higher, but will appear centered with black bars at the top and bottom (letterboxed). iPhone 5 or higher MIBs will not be delivered to an iPhone 4S.

When a device requests a MIB, Publish will look for one that matches the screen size. If there isn't one that is an exact match, it will look for another MIB it can serve, according to the table below. Publish will always try to send a smaller MIB to a larger device and not vice versa (with the exception that it will send a 1280x800 MIB to a 1024x600 device).

Note: If you are creating a MIB for iPhone you must provide, at a minimum, an iPhone 4 MIB since Apple still currently requires support for the iPhone 4S.

Device resolutions and appropriate Mag+ InDesign template

Device Acceptable Mag+ InDesign Templates
iPad 2/Mini (1024x768) iPad (1024x768)
iPad Retina 3/4/Air/Air 2/Mini 2/Mini 3 (2048x1536) iPad Retina (2048x1536), iPad (1024x768)
iPad Pro (2732x2048) iPad Pro (2732x2048), iPad Retina (2048x1536), iPad (1024x768)
iPhone 4S (960x640) iPhone (960x640)
iPhone 5/5S/5C/SE (1136x640) iPhone 5 (1136x640), iPhone (960x640)
iPhone 7/6/6S (1334x750) iPhone 7/6/6S (1334x750), iPhone 5 (1136x640), iPhone (960x640)
iPhone 6+/6S+ (2208x1242) iPhone 6+/6S+ (2208x1242), iPhone 5 (1136x640), iPhone (960x640)
iPhone 7+ (1920x1080) iPhone 7+ (1920x1080, iPhone 7 (1334x750), iPhone 6+/6S+ (2208x1242), iPhone 5 (1136x640), iPhone (960x640)
Kindle Fire (1024x600) Kindle Fire (1024x600), Android Tablet (1280x800)
Kindle Fire HD 7" (1200x800) Android Tablet (1280x800), Kindle Fire (1024x600), iPad (1024x768)
Kindle Fire HD 8.9" (1920x1200) Android Tablet (1920x1200), Android Tablet (1280x800), Kindle Fire (1024x600), iPad (1024x768)
Kindle Fire HDX 7" (1920x1200) Kindle Fire HDX 7" (1920x1200), Android Tablet (1280x800), Kindle Fire (1024x600), iPad (1024x768)
Kindle Fire HDX 8.9" (2560x1600) Kindle Fire HDX 8.9" (2560x1600), Android Tablet (1920x1200), Android Tablet (1280x800), Kindle Fire (1024x600), iPad (1024x768)
Android Tablet (2560x1600) Android Tablet (2560x1600), Android Tablet (1920x1200), Android Tablet (1280x800), Kindle Fire (1024x600), iPad (1024x768)
Android Tablet (1280x800) Android Tablet (1280x800), Kindle Fire (1024x600), iPad (1024x768)
Android Low Resolution Tablet* Kindle Fire (1024x600), Android Tablet (1280x800)
Android 1024x768 Resolution Tablet** Kindle Fire (1024x600), iPad (1024x768)
Android Smartphone*** Android Smartphone (1184x720), iPhone 5 (1136x640), iPhone (960x640)
Android Smartphone (1280x720) Android Smartphone (1280x720), Android Smartphone (1184x720), iPhone 5 (1136x640), iPhone (960x640)

* with longest edge < 1200 
** with longest edge ranging from 980 to 1024, shortest edge ranging from 680 to 768
*** any Android device with a diagonal screen size of less than 6.6"

As more devices are released onto the market, we will add additional templates to support them. Currently you cannot create your own template or alter the existing templates to support different sizes. If there is a template size you need that's not currently available, let us know in the support forums.  

Finally, to learn about Mag+'s ability to export content for multiple devices at once, read the article "How to Use Multi-Device Export for Multiple Devices". This feature lets you, quickly and easily, create as many specifically-sized MIBs as you like to support a wide range of devices. 

Have more questions? Submit a request

0 Comments

Article is closed for comments.
Powered by Zendesk