Configuring logo graphics

In this article, you will find out how to configure logo graphics for your mobile apps and website.

Get started

Your shop logo, icon, and other related graphics will show up in your apps, mobile website, and the app stores. To start adding your logo graphics, log in to your Shopgate Admin page and navigate to Design → Logos.

 

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 your 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 In general, a header logo should have a size of 640 × 140 pixels or bigger in this ratio for mobile websites and 920 × 210 pixels or bigger in this ratio for tablet apps.
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 bigger in this 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 according to the resolution and ratio of a device. In general, a loading screen should have a size of 1600 × 2560 pixels or bigger in this ratio for portrait mode and 2560 × 1600 pixels or bigger in this ratio for landscape mode.
Where to upload

 

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 according to the resolution and ratio of a device. In general, a loading screen should have a size of 1024 × 500 pixels or bigger 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 Screen

iOS:
iPhone 4S
iPhone 5
iPhone 6
iPhone 6+
iPad

Android:
Smartphone
Tablet 

 


= 640 x 960 px
= 640 x 1136 px
= 750 x 1334 px
= 1242 x 2208 px
= 2048 x 1536 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, click on a file or download all files in a package.

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 Screen

iOS:
iPhone 4S
iPhone 5, 6, 6+
iPad

Android:
Smartphone
Tablet 

 


iPhone_loadingscreen_4s.psd
iPhone_loadingscreen_5_6_6plus.psd
iPad_loadingscreen.psd


android_loadingscreen_phone.psd
android_loadingscreen_tablet.psd

 

Frequently Asked Questions

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

This is because 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 using our automated algorithm.

Your Android logo, on the other hand, will remain square.

How can I update my logo graphics?

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?
0 out of 0 found this helpful