KB236336: How to optimize high resolution images for Apple retina displays in MicroStrategy Mobile for iPhone and iPad

• Strategy

This article discusses how to leverage high resolution images on retina displays within MicroStrategy Mobile on iPad and iPhone.

SUMMARY
This article discusses how to leverage high resolution images on retina displays within Strategy Mobile on iPad and iPhone. The devices which have retina display are:
iPad 3, 4
iPad mini 2, 3
iPad Air, Air 2
iPhone 4/4S, 5/5C/5S
iPhone 6/6+, 6S/6S+, 7/7+
iPod touch (4th/5th gen)

ACTION
When referencing an image which should leverage the retina display, the suffix “@2x” can be used.
Standard:


<ImageName>.<filename_extension>

High resolution:


<ImageName>@2x.<filename_extension>

For example:
Referencing an image with @2x such as “GreenArrow@2x.png” vs “GreenArrow.png”
Standard: GreenArrow.png

High resolution: GreenArrow@2x.png

Note: For more information on optimizing for high resolution, refer to Apple's Developer documentation: https://developer.apple.com/library/mac/documentation/GraphicsAnimation/Conceptual/HighResolutionOSX/Optimizing/Optimizing.html

Comment

0 comments

Details

Knowledge Article

Published:

April 12, 2017

Last Updated:

April 12, 2017