Version

Application Rebranding

Re-branding can be achieved through the inclusion of customized assets and theme files that configure the application color settings. Image resources must be included on the application package to be distributed. You can either include theme files in the app package or download them from a remote URL.

  1. Download sample graphic assets from here.

    The sample graphic package includes the required images to be customized, also detailed in the List of Re-Branding PNG Images section below. Optional images are not included in the download.

  2. Create the customized images.

    The images used for application rebranding are normally provided by a Visual Designer.

  3. Replace the images in the application package to be distributed. In the file system folder where the application package is located, replace sample images with rebranded images.

  4. Re-sign the application.

Adding Re-Branding Assets

The Branding folder in your file system must contain all re-branding resources. You need to store the customized images in the folder before SharePlus build is created, so that they will be included in the application package to be distributed.

List of Re-Branding PNG Images

Re-branding images include:

  • Application Icons, used in the Springboard, iTunes Artwork, device settings, Spotlight.

  • Splash screens, images displayed when first launching the app while the interface loads.

  • Passcode Lock headers, you can optionally change the Passcode Lock header.

App Icons

Springboard / iOS Home Screen

Springboard_iOS

iTunes Artwork

iTunes-Artwork

Device settings

DeviceSettings_iOS

Spotlight Search

SpotlightSearch_iOS

Splash screens

SplashScreen_iOS

Passcode Lock headers

PasscodeLockHeaders_iOS

When adding re-branding assets, some application icons are required and others are optional.

  • Required – Not including all the required app icons will result in a blank/black space within the app, affecting the application’s user experience.

  • Optional – These app icons may not be included, in which case the closest icons in size will be used instead. Note that these icons will be automatically stretched to match the required size.

In the tables below you will find the application icons, splash screens, and passcode lock images.

Required Images

IOS VERSION

IMAGE LOCATION

DEVICE

SIZE (px)

TENTATIVE NAME

iTunes

iTunes Artwork

-

512 x 512

iTunes Artwork

1024 x 1024

iTunesArtwork@2x

iOS 9, 10

Springboard / iOS Home Screen

iPad

76 x 76

appIcon-76x76-ipad

152 x 152

appIcon-76x76-ipad@2x-ipad

iPhone

120 x 120

appIcon-60x60@2x-iphone

iPhone 6 Plus

180 x 180

appIcon-180x180@3x-iphone

Launch / Splash Screen

iPad

768 x 1024

default-700-Portrait-ipad

1536 x 2048

default-700-Portrait-ipad@2x-ipad

1024 x 768

default-700-Landscape-ipad

2048 x 1536

default-700-Landscape-ipad@2x-ipad

iPhone

640 x 960

default-700@2x-iphone

640 x 1136

default-700-568h@2x-iphone

iPhone 6 / 6S

750 x 1334

default-800-667h@2x-iphone

iPhone 6/6S Plus

1242 x 2208

default-800-Portrait@3x-iphone

2208 x 1242

default-800-Landscape@3x-iphone

Passcode Images (Recommended)

IOS VERSION

IMAGE LOCATION

DEVICE

SIZE (px)

TENTATIVE NAME

iOS 9, 10

Passcode lock header

iPad

474 x 146

header-ipad

948 x 292

header@2px-ipad

iphone

292 x 77

header-iphone

584 x 154

header@2px-iphone

Optional Images

IOS VERSION

IMAGE LOCATION

DEVICE

SIZE (px)

TENTATIVE NAME

iOS 9, 10

Device Settings

iPad & iPhone

29 x 29

appIcon-29x29

58 x 58

appIcon-29x29@2x

Spotlight Search

iPad

40 x 40

appIcon-40x40-ipad

iPad & iPhone

80 x 80

appIcon-40x40@2x

Important considerations on graphic assets:

  • All images must follow these general requirements:

    • No transparency, except the Passcode Lock header

    • 72 dpi

    • PNG format

  • iTunes Artwork images must be named without the .png extension.

  • Required images are mandatory.