The probability for an E-commerce store to contain images are very high. Rather than using a 100 words to explain the product, a single appropriate image could catch the customers eye. 

This article mainly concentrates on how to improve the performance of your app by adjusting the size of the images of your app.

App Icon:-

To set an app icon for your app, log into your ‘manage.appmaker.xyz’ and click the ‘Manage’ button. Select ‘Update App’ option from the sidebar and a new screen will appear. Here you can add or change the app icon.

  1. The apt size for your app icon is 152 x 152 pixels.
  2. The image that you choose should be of ‘PNG’ format.

Splash Screen:-

You can set the logo of your app as splash screen or you can add any other images carrying the name of your app to this screen.

To set the splash screen you can follow the below steps.

  1. Login to your manage.appmaker.xyz and click on the ‘manage’ Button. Select ‘Update App’ option from the sidebar and a new screen will appear. 
  2. Select ‘Mics’ from the options displayed on the sidebar. Here as you scroll down, there is an option -‘Splash screen logo’. 
  3. If you don’t want to set an image for the splash screen, the logo of your app will be automatically set as the default image.
  4. An image of size 350 x 500 pixels and PNG format can be added as the splash screen.

Drawer Header:-

The navigation bar contains the drawer header. Drawer header is the top portion within the navigation bar. A drawer header contains elements such as login icon or user profile and the multi-language option.

To set a background image for drawer header, follow the below steps.

  1. Login to your manage.appmaker.xyz and click the ‘manage’ Button. Select ‘Update App’ option from the sidebar and a new screen will appear. 
  2. Select ‘Mics’ from the options displayed on the sidebar. Here as you scroll down, you can see the option to add the drawer header image
  3. Choose an appropriate image of size 600 x 300 pixels and of PNG format. 

Toolbar Logo:-

A toolbar logo can be set for your app. This space is utilized for displaying your product name or logo. Every In-app pages of your app will carry this name at the top of the In-app page.

To add a Toolbar logo, you may follow the below steps.

  1. Login to your manage.appmaker.xyz and click the ‘manage’ Button. Select ‘Update App’ option from the sidebar and a new screen will appear. 
  2. Select ‘Mics’ from the options displayed on the sidebar. Here as you scroll down, you can see the option to add the Toolbar image.
  3. Choose an appropriate image of size 180 x 40 pixels and of PNG format. 

Push notification Icon:-

Appmaker brings a lot of features which can be used to enhance your app, push notification is one among them. An icon can be set for push notification and this icon will be displayed along with the push notification.

To add a logo for push notification follow the below steps

  1. Login to your manage.appmaker.xyz and click the ‘manage’ Button. Select ‘Update App’ option from the sidebar and a new screen will appear. 
  2. Select ‘Mics’ from the options displayed on the sidebar. Here as you scroll down, you can see the option to add the push notification logo.
  3. Choose an appropriate image of size 152 x 152 pixels and of PNG format. 

Login Page logo:-

A logo can be added to the login page. To add this follow the below steps.

  1. Login to your manage.appmaker.xyz and click the ‘manage’ Button. Select ‘Update App’ option from the sidebar and a new screen will appear. 
  2. Select ‘Mics’ from the options displayed on the sidebar. Here as you scroll down, you can see the option to add the Login page logo.
  3. Choose an appropriate image of size 450 x 150 pixels and of PNG format. 

Login page background:-

A logo can be added to the login page. To add this follow the below steps.

  1. Login to your 'manage.appmaker.xyz' and click the ‘manage’ Button. Select ‘Update App’ option from the sidebar and a new screen will appear. 
  2. Select ‘Mics’ from the options displayed on the sidebar. Here as you scroll down, you can see the option to add the Login page logo.
  3. Choose an appropriate image of size  720 x 1280 pixels and of PNG format. 

Banner Widget:-

To upload a banner image to your In-app page, follow the below steps

  1. Login to ‘manage.appmaker.xyz’ and click manage button.
  2. Choose the 'In-app page' from the sidebar.
  3. If you are creating a new banner widget for your app, click ‘Add widgets’ and choose ‘banner’ from the list displayed. 
  4. Add an image by clicking ‘Upload Image’ and choose an image of approximate size 700 x 400 pixel and of PNG format. 
  5. To change a banner image which you have already created, click on the edit button which is provided along the widget and here you can upload an image of size 700 x 400  pixels.

Slider widget:-

A Set of images and corresponding actions can be added to the slider widget. 

  1. Log in to ‘manage.appmaker.xyz’ and click manage button.
  2. Choose the 'In-app page' from the sidebar.
  3. If you are creating a new slider widget for your app, click ‘Add widgets’ and choose ‘slider’ from the list displayed. 
  4. Add an image by clicking ‘Upload Image’ and choose an image of approximate size  700 x 400 and of PNG format. 
  5. To change a slider image which you have already created, click the edit button and here you can upload an image of size approximate to 700 x 400 pixels.
  6. To add more images to the same slider and set action, follow the same steps click ‘add’ button.

Grid widget:-

Grid widget can contain a total of five items per line and you can reset this option. Follow the below steps to upload or change a grid image.

  1. Log in to ‘manage.appmaker.xyz’ and click manage button.
  2. Choose the In-app page from the sidebar.
  3. If you are creating a new Grid widget for your app, click ‘Add widget’ and choose ‘Grid’ from the list displayed. 
  4. While choosing an image for each grid, you can choose an image of size 400 x 400 and of PNG format.

Menu widget (In-app):-

 You can set a menu within the In-app pages that you create. To create a new menu, follow the below steps

  1. Log in to ‘manage.appmaker.xyz’ and click manage button.
  2. Choose the 'In-app page' from the sidebar.
  3. Click ‘Add widget’ and choose ‘Menu’ from the list displayed. 
  4. To upload an image for each element in the menu which you have already created, click the 'edit' button.
  5. On the screen that appears, The list of elements which you have already build will be displayed on the right side of the screen.you can click the ‘edit’ button and upload a new image by clicking ‘Upload Image’.
  6. While choosing an image for each menu, you can choose an image of size 152 x 152 and of PNG format.

Image Scroller widget:-

In image scroller widget, you can showcase different products image in a single row and set an action for each element in the row.

To learn how to add the image to each product follow the below steps.

  1. Log in to ‘manage.appmaker.xyz’ and click on the 'manage button'.
  2. Choose the 'In-app page' from the sidebar.
  3. If you are creating a new image widget for your app, click ‘Add widget’ and choose ‘Image Scroller’ from the list displayed. 
  4. While choosing an image, for each image you can choose an image of size 300 x 300 and of PNG format.


Create your E-commerce app with app maker.

Did this answer your question?