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.
The mag+ platform supports iOS and Android devices, including Kindle Fire devices which are a subset of Android. The following devices are specifically supported:
- iPhone 5 - Xs Max
- 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 9 or older.
- Android Tablets running Android OS 4.2 and higher
- Android Smartphones running Android OS 4.2 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 7"
- Kindle Fire HD 8"
- Kindle Fire HDX 10"
Note: mag+ does not support Kindle Fire 1st generation.
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 5 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.2 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 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.
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
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 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 5 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 5.
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 5 MIB since Apple still currently requires support for the iPhone 5.
Device resolutions and appropriate mag+ InDesign template
* with longest edge < 1200
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.