iPad + Tablet

Mag+: Digital Magazine Device and Issue Compatibility

MagPlus_Infographic_3Mag+ 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.

Note: 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. 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 requested from the Mag+ Publish portal.
 

Apps

Both the 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 separate as it presents a user interface that is optimized for the small screen, but a single app will run on an iPhone 4 and higher. You may create two totally separate apps or one universal app, which will present the correct UI on the correct device.

For Android, the app will scale as needed to run on all devices that are at least running Android OS 4.0. Once again, the tablet version presents a different UI than the smartphone version, so you must build two separate apps or a single universal app for it to work on both.

If you choose to build a universal app, you may direct different Mag+ Issues to the tablet and the smartphone, but you may only offer one Subscription across all devices.

Note: If you have not uploaded an Android smartphone MIB but have an iPhone MIB available, Mag+ will serve the iPhone MIB. Mag+ will first attempt to serve an iPhone 5 MIB. If one does not exist, it will look for an iPhone 4 MIB.

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 1/2/Mini 768×1024
iPad Retina 1536×2048
Android Tablet 800×1280
Android Tablet 1600×2560
Android Low-Resolution Tablet 600×1024
Kindle Fire 600×1024
Kindle Fire HD 7″ 800×1280
Kindle Fire HD 8.9″ 1200×1920
iPhone 4/4S 640×960
iPhone 5 640×1136
Android Smartphone 720×1280

However, with Mag+, 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 will scale to larger and smaller screens. So you can create one 1280×800 MIB to serve to all devices. If the device screen is a different aspect ratio than the MIB, the MIB will letterbox to fill the unused space on the screen. A 1280×720 MIB will cover all smartphones.
  • 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 not downscale for non iPad Retina devices.
  • Apple iPhones: 4/4S MIBs will render on the iPhone 5 and higher, but will appear centered with black bars at the top and bottom, as with all iPhone 4 content on the iPhone 5 and higher. iPhone 5 or higher MIBs will not be delivered to an iPhone 4.

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 1280×800 MIB to a 1024×600 device).

Device resolutions and appropriate Mag+ InDesign template

iPad (1024×768) iPad (1024×768)
iPad Retina (2048×1536) iPadRetina (2048×1536), iPad (1024×768)
iPhone (960×640) iPhone (960×640)
iPhone 5 (1136×640) iPhone 5 (1136×640), iPhone (960×640)
Kindle Fire (1024×600) Kindle Fire (1024×600), Android Tablet (1280×800)
Kindle Fire HD 8.9″ (1920×1200) Android Tablet (1920×1200), Android Tablet (1280×800), Kindle Fire (1024×600), iPad (1024×768)
Kindle Fire HD 7″ (1200×800) Android Tablet (1280×800), Kindle Fire (1024×600), iPad (1024×768)
Android Tablet (2560×1600) Android Tablet (2560×1600), Android Tablet (1920×1200), Android Tablet (1280×800), Kindle Fire (1024×600), iPad (1024×768)
Android Tablet (1280×800) Android Tablet (1280×800), Kindle Fire (1024×600), iPad (1024×768)
Android Low Resolution Tablet* Kindle Fire (1024×600), Android Tablet (1280×800)
Android 1024×768 Resolution Tablet** Kindle Fire (1024×600), iPad (1024×768)
Android Smartphone*** Android Smartphone (1184×720), iPhone 5 (1136×640), iPhone (960×640)
Android Smartphone (1280×720) Android Smartphone (1280×720), Android Smartphone (1184×720), iPhone 5 (1136×640), iPhone (960×640)

* 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.

by Magplus.com

Advertisements

About Zoran Opalic

Professional in design and publishing industry. Conceptualize and orchestrate designs and redesigns that effectively reinforce and build brand images. Proven ability to drive record-high campaign in increasing publication sales and execute successful product launches...

Discussion

One thought on “Mag+: Digital Magazine Device and Issue Compatibility

  1. Hi there very nice site!! Guy .. Excellent .. Amazing ..
    I’ll bookmark your site and take the feeds additionally?
    I am glad to find so many helpful information right here in the post, we need work out more techniques on this regard, thank you for sharing.
    . . . . .

    Posted by iphone app | June 5, 2015, 1:56 am

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Aston Martin DB10

Production will be strictly limited to 10 of the bespoke sports cars, developed and built by the designers, engineers and highly skilled craftspeople at Aston Martin’s Gaydon headquarters.

Architect Oscar Niemeyer

"My work is not about form follows function, but form follows beauty or, even better, form follows feminine."

BACK to BASICS: Portraits

Portraits of people are one of the first elements of the photography used in newspapers.

Typography: x-heigh

In typography, x-heigh refers to the heigh of lower case letters without upper or lower parts when compared to capital letters...

Designer George Lois

“I always knew I was the most talented kid in the school, ” says George Lois of his time at Music and Art. “I was lucky to be exposed to the city’s best art education"...

BODY COPY

Newspaper typefaces require a higher legibility then typefaces used for other printed products. Newspaper are printed on a paper of lesser quality under high speed.

How to redesign 1

Good redesign is driven by a deep understanding of the editorial mission of the publication.

Headline on photographs

The eternal dilemma! Dilemma of all editors on the planet Earth – to put or not put the headline or any kind of type in the photo.

Design Facts

Three elements that will greatly help you to understand how readers are observing you.

Typeface: NY Times Magazine

Sunday Magazine is an expansive family of fonts for information in tiny spaces and headlines at large sizes.

Infographics

When, why and whether to use infographic. The basic fact is that infographic refresh the publication, and it contributes to originality of your product.

A well-designed publication

Everything that a well-designed publication must have...

Archives

Categories

%d bloggers like this: