Skip to content

Customization

Librelio Dev edited this page Aug 12, 2015 · 29 revisions

Preparing the customized graphic elements

Launcher Icon

The app launcher icon needs to be provided in 9 different sizes:

  • Icon.png: 57x57 px. Example.
  • Icon@2x.png: 114x114 px. Example.
  • Icon-60@2x.png: 120x120 px.
  • Icon-72.png: 72x72 px. Example.
  • Icon-72@2x.png: 144x144 px. Example.
  • Icon-76.png: 76x76 px.
  • Icon-76@2x.png: 152x152 px.
  • Icon-512.png: 512x512 px. Example.
  • Icon-512@2x.png: 1024x1024 px.Example.

Splash Screen

The splash screen appears briefly when the app is launched. It needs to be provided in 10 versions:

  • Default.png: splash screen on iPhone 3 - 320x480 px. Example.
  • Default@2x.png: splash screen on iPhone 4 retina - 640x960 px. Example.
  • Default-568h@2x.png: splash screen on iPhone 5 - 640x1136 px. Example
  • Default-Landscape.png: splash screen on iPad in landscape mode - 1024x768 px. Example.
  • Default-Landscape@2x.png: splash screen on iPad Retina in landscape mode - 2048x1536 px. Example.
  • Default-Portrait.png: splash screen on iPad in portrait mode - 768x1024 px. Example.
  • Default-Portrait@2x.png: splash screen on iPad Retina in portrait mode - 1536x2048 px. Example.
  • Default-736h@3x.png: splash screen on iPhone with Retina HD 5.5 - 1242×2208 px
  • Default-Landscape@3x.png: splash screen on iPhone with Retina HD 5.5 2208×1242 px
  • Default-667h@2x.png: splash screen on iPhone with Retina HD 4.7 750×1334 px

Generic cover

The generic cover is used inside the Newsstand icon, and on the App Store. It needs to be provided in 2 sizes:

  • generic.png: 300 px in larger dimension. Example.
  • generic-512@2x.png: 1024 px in larger dimension. Example

Grid background

The grid background needs to be provided in 1024x1024 size, and named Magazines_background.png. It is advised to use a dark background, otherwise the title and subtitle of the magazines (in white color) will not be visible.

Example.

Clone this wiki locally