Icons and Splash Screens

Icons

When building your app, the icon you use must be set up exactly as follows:

  • 1024px by 1024px
  • Be a png file
  • Have no transparent layers

Apple do not accept icons that have transparent layers, which means uploading an image that uses a transparent layer (like in the creation of rounded corners for example) will most likely result in the app being rejected by Apple.  Therefore, it is best to keep the icon as a perfect square.

If you want to set up an icon with transparent layers for Android, that is allowed, but will simply mean building the app twice.  The app will need to be built once for Apple with the square icon and then a second time for Android with the custom shaped icon.

If this is not set up correctly, then the icon uploaded will not be used and our default one will be used for your app instead.

Splash Screen

In order to cater for the various different screen sizes the app will be used on, the splash screen that is used needs to be replicated multiple times at different dimensions.  Our builder will automatically do this for you, making sure you do not need to create the 20+ variations that are required.  To do that, we crop the image you upload to suit the different screen sizes.  The universal splash screen needs to be:

  • 2732px by 2732px
  • Be a png file
  • Have no transparent layers

In order to ensure cropping does not happen on important areas of your splash screen, we suggest making sure you use a simple, plain background with an icon or text in the centre of the square.

If this is not set up correctly, then the splash screen uploaded will not be used and our default one will be used for your app instead.

Optimizing Images

If the image you upload is too large, it could result in the builder failing.

In order to avoid failed builds, it is best to compress the image with a tool like TinyPNG or WebsitePlanet's compressor.  Doing this anyway will result in a smaller app file overall, meaning it is easier for your users to download and keep on their devices.

This can also happen if a photo is used instead of a graphic, so bear this in mind when you create your file.

Related Articles