App Design

Update your app's look and feel with widgets.

Configuring your app's logo graphics

Your shop logo, icon, and other graphics represent your app and your shop's overall brand in the app stores.

Get started

To start adding your logo graphics, log in to your Shopgate Admin page and navigate to Design → Logos.

Logos.png

Provide Logo Graphics

Your brand logo is an essential graphical element. Upload your shop logo in different sizes to show at different places throughout your mobile website and apps.

If providing non-vector graphics, please read the Logo Graphics Resolution Guide.

Shop Logo

Where it shows This logo will show up in the header section of your mobile website and apps.
Element size The header logo for smartphones should be sized 640 × 140 pixels or larger, maintaining this ratio. For tablets, the header logo should be 920 × 210 pixels or larger, again maintaining this ratio.
Where to upload

Mobile Website Logo

iPad Logo

Android Logo


App Icon

Where it shows

This icon will represent your apps in the iOS App Store and the Google Play Store.

After the app has been downloaded, this icon will display on the home screen of a user's iOS or Android device.

Element size This icon should have a size of 1024 × 1024 pixels or larger, maintaining the ratio.
Where to upload


Loading Screen

Where it shows This image will show up when your app is being loaded on an iOS and Android device.
Element Size The size of the loading screen varies depending on the resolution and ratio of a device. In general, a loading screen should have a size of 1600 × 2560 pixels or larger in this ratio for portrait mode and 2560 × 1600 pixels or larger in this ratio for landscape mode.
Where to upload iPhone_Loadingscreens_EN.png


Android Feature Image

Where it shows This image will show up as your app's feature image (the big image in the background) in the Google Play Store.
Element Size The size of the loading screen varies depending on the resolution and ratio of a device. In general, a loading screen should have a size of 1024 × 500 pixels or larger in this ratio.
Where to upload

 

Additional Resources

Logo Graphics Resolution Guide

In this table, you can find the sizes of all the necessary graphics. Please make sure to prepare these graphics in the correct ratio and in a size equal to or bigger than the sizes described below.

Mobile Website

Header Logo

= 640 x 140 px

Apps App Icon

= 1024 x 1024 px

Tablet Header Logo

= 920 x 210 px

Feature Image
Android Play Store

= 1024 x 500 px

Fav Icon

= 196 x 196 px

Loading Screens iOS:  

iPhone 4S
iPhone 5
iPhone 6/7/8
iPhone 6+/7+/8+
iPhone X
iPad mini
iPad 9.7"
iPad 12.9"

Android:
Smartphone
Tablet 

 


= 640 x 960 px
= 640 x 1136 px
= 750 x 1334 px
= 1242 x 2208 px
= 1125 x 2436 px
= 1024 x 768 px
= 2048 x 1536 px
= 2732 x 2048 px


= 1600 x 2560 px
= 2560 x 1600 px


Sample Graphics For Downloading

The sample graphics below will help you create necessary logo elements in the right size. To download, just click on a file. 

 

Mobile Website

Header Logo

mobile_header_logo.psd

Apps App Icon

app_icon_1024px.psd

 

Tablet Header Logo

tablet_header_logo.psd

 

Feature Image
Android Play Store

featureimage_playstore.psd

 

Loading Screens iOS:

iPhone 4S
iPhone 5
iPhone 6/7/8
iPhone 6/7/8+
iPhone X
iPad mini
iPad 9,7"
iPad 12,9"

Android:
Smartphone
Tablet 

 


iPhone_4s_loadingscreen.psd
iPhone_5_loadingscreen.psd
iPhone_6/7/8_loadingscreen.psd
iPhone_6/7/8plus_loadingscreen.psd
iPhone_X_loadingscreen.psd
iPad_mini_loadingscreen.psd
iPad_9,7"_loadingscreen.psd
iPad_12,9"_loadingscreen.psd

 

android_loadingscreen_phone.psd
android_loadingscreen_tablet.psd

 

Frequently Asked Questions

Why shouldn't I upload an app icon with rounded corners?

Your iOS app icon will be rounded automatically in the App Store. A square app icon will also help us detect your logo's background color correctly by using our automated algorithm.

Your Android logo, on the other hand, will remain square, so you should upload a square icon to keep your logo clear, attractive, and with correct proportions.

Can I update my logo graphics later?

You can update your logo graphics in your Shopgate Admin any time you want. After you have updated any graphic, please request an app update for the changes to be reflected in your apps. 

 

Was this article helpful?
Can't find what you're looking for?
Let us help you—submit a support ticket.
Contact Support