Pro Custom Branded App: Preparing Assets for Your App

Before submitting your Pro Custom Branded App, you will need to ensure that your brand assets and logos are prepared and submitted correctly. Each asset must adhere to the requirement dimensions, formatting, and file types listed below to successfully upload to the publisher. Once you are ready to submit your prepared assets, follow the steps outlined in our help article: Pro Custom Branded App: Using the Publisher to Submit Your Request.

In this article:

Summary of Asset Requirements

 Asset  Size (w x h pixels)  File Type
 Mobile app icon  1024 x 1024  Transparent PNG
 Top bar logo  928 x 240  Transparent PNG
 Launch screen background  2048 x 2048  JPG
 Launch screen logo  686 x 676  Transparent PNG

 

Assets you will need to prepare and submit

1. Mobile app icon

  • The mobile app icon is displayed on the mobile home screen
  • For iOS apps, this icon is applied only after logging into the ABC Trainerize fitness app.
  • For Android apps, the icon is visible upon download with your standalone listing.

Format Requirements:

  • Logo must have a transparent background 
  • Dimensions: 1024 x 1024 pixels
  • File Format: PNG

After uploading your transparent logo, you will select a background color for your mobile app icon in our interactive publisher.

Screen_Shot_2020-06-22_at_3.21.48_PM.png         

IMPORTANT: Your app assets must comply with Google's policy related to 'inappropriate content'. Asset images that have any type of nudity (i.e. topless/shirtless model/trainer(s), model/trainer(s) in bikini, sports bras, or showing too much cleavage) are advised against. 

Additionally, please do NOT use:

  • Trademark or copyright-protected content
  • Poor quality images

  • Explicit content or imagery

Below is an example of a mobile app icon with dimensions 1024 x 1024 and a transparent background:


Screenshot 2024-06-05 at 10.58.57 AM.png

 

2. Top bar logo

  • The top bar logo will be placed at the very top bar inside your app

Format Requirements:

  • Logo must have a transparent background 
  • Dimensions: 928 x 240  pixels
  • File Format: PNG

After uploading your transparent top bar logo, you select a background color for your top bar in our interactive publisher.

Screen Shot 2020-10-28 at 6.11.44 PM.png

 

Do NOT use:

  • Trademark or copyright-protected content
  • Poor quality images

  • Explicit content or imagery
  • Profanity 

Below is an example of a top bar icon with dimensions 928 x 240 and a transparent background:

 

Screen_Shot_2020-10-28_at_6.08.56_PM.png

 

3. Launch screen background

  • The Launch screen background will be your app's welcome screen, displaying when the app is launched. It will also be the background screen when logging into your app.
  • Suggestions for a splash screen background include a plain black or white background, scenery, gym or gym equipment, or textured backgrounds like a brick wall. 
  • For best results, upload a high-resolution photo with the main focus in the center.

Format Requirements:

  • Dimensions: 2048 x 2048 pixels
  • File Format: JPG

After uploading your launch screen background, you will select an overlay color in our interactive publisher.

 

Screen_Shot_2020-10-28_at_6.16.34_PM.png

 

IMPORTANT: Your app assets must comply with Google's policy related to 'inappropriate content'. Asset images that have any type of nudity (i.e. topless/shirtless model/trainer(s), model/trainer(s) in bikini, sports bras, or showing too much cleavage) are advised against. 

Additionally, please do NOT use:

  • Trademark or copyright-protected content
  • Poor quality images

  • Explicit content or imagery
  • An image with text or logos applied

Should our CBA publishing team believe an image to be non-compliant, we reserve the right to make any modifications or exclusions necessary.

 

4 Launch screen logo

  • The launch screen logo will be displayed on top of your launch screen background photo

Format Requirements:

  • Logo must have a transparent background 
  • Dimensions: 686 x 676 pixels
  • File Format: PNG

Screen_Shot_2020-10-28_at_6.40.20_PM.png

 

Do NOT use:

  • Trademark or copyright-protected content
  • Poor quality images

  • Explicit content or imagery

Below is an example of a launch screen. The launch screen logo (with a transparent background) is overlayed on top of the launch screen background photo. An overlay color has been added to the image:

 

Screen_Shot_2020-10-28_at_6.41.34_PM.png

 

 

How to Resize an Image (Mac and Windows)

MacOs

You can resize your images with the default Preview application.

  1. Open your image with the Preview app and go to Tools > Adjust Size.
  2. You can change the size while maintaining the aspect ratio (lock) and without (unlock).
  3. If needed, uncheck Scale Proportionally to adjust the size to the requirements.

    resizeMAC.gif

 

Windows

You can resize your images with the default Paint application.

1. Open your image in Paint and select the Resize option.


resize.png

 

2. Select size and press OK. Your image will be resized.

3. Save the image.

 

xPaintResizeDimension.png.pagespeed.gp_jp_jw_pj_ws_js_rj_rp_rw_ri_cp_md.ic.Yxh_IHnd2n.png


How to Remove the Background of an Image

A requirement for logos is to have a transparent background. This does not mean a white background, but rather, no background at all. There are many free online resources and photo editing software you can utilize to remove the background from your images:

MacOs

You can remove an image background with the default Preview application.

  1. Open your image with the Preview app and go to Tools > Remove Background


Having Trouble Preparing Your Assets?

ABC Trainerize does not offer assistance with the design of logos/artwork. If you need assistance with preparing your artwork, consider hiring an expert!


You can also download our asset working files and easily export them. 

 


Related Articles

This article was last updated on

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.