For both mobile app and customer web "Go Active" (web/app generation 3) it is possible to show your own images. Images can be uploaded through/via BRP Configuration and the objects app, product resource and web category.
Mediatab for object
The object that you can upload images for have a tab called "Media". For most objects it is only possible to connect one image (for example web category object) but for other objects it is possible to connect several images (for example app object). The table below contains a listing for the different types of images that can be connected to objects.
Type of image | Description | Can be connected to |
---|---|---|
Main image | The image that represents the object. Can be the image that is displayed in the top on the mobile app and customer web, an image for a product or a picture of an instructor. | App, Product, Resource, Web category |
Logo for light theme | For the app object it is possible to set a logotype. It needs to exist in two different variants. This one is the one supposed to work good on light backgrounds. | App |
Logo for dark theme | For the app object it is possible to set a logotype. It needs to exist in two different variants. This one is the one supposed to work good on dark backgrounds. | App |
How to connect an image to an object
- Go to the view of the object that you want to connect an image towards.
- Click on the "Media" tab.
- Click on the field "Main image".
- In the dialogue showing there are one or more tabs.
- One or more tabs that is connected to the object that you want to connect an image towards. For product there are for example multiple tabs to choose from. They are named by the product types. It is okay to choose image from all these tabs regardless of which product you want to connect an image towards.
- One or more tabs with "shared images". There is a set of pre-uploaded images with general themes that is free to use.
- Mark an image and click "choose".
- Click "save" in order to save all your changes.
How to upload an image
Follow these steps to upload an image and at the same time connect it to an object.
- Go to the view of the object that you want to upload an image for.
- Click on the tab "Media".
- Click on the field that you want to upload an image for. The field could often be named "main image".
- Click on the "upload" button in the dialogue that showed up.
- Next there is three steps to do:
- Choose an image to upload. Write a title that describes the image.
- Crop the image in a way so that it does not contain any unnecessary edges or empty margins.
- Mark a focus point in the image. This is to ensure that the most interesting/important part of the image is always showing regardless of screen/unit used for viewing (the image will have different resolution and height/width-ratio depending on the unit used).
- Click "upload". It can then take a couple of seconds before the image is processed and saved, this is normal.
- Click "save" in order to save the change that has been made on the object.
Note! An image that you have uploaded is only available for objects of the same type. An image for a web category can only be used by other web categories, and not by products for example. An image that is uploaded for a product ends up in a catalog for the product type, for example "service". An image uploaded for a service product can however be used for a subscription product.
How large images can be uploaded?
The maximum size for an image is 10 MB.
What are the requirements on resolution and width/height ratio?
Since all images uses the focus point there are no requirement on a specific width/height ratio. In order to ensure good results there are however some guidelines to follow:
Image type | Good width/height ratio | Lowest resolution | Image format |
---|---|---|---|
App - Logotype | From 1:1 to 4:1. | The image should have a minimum height of 320 pixels. More than 640 pixels are not needed. | PNG. The logotype needs to have a transparent background in order for it to look good. JPG do not have support for transparency. |
App - Main image | 16:9 | 1520 pixels wide. | JPG |
Product | 1:1 | 1520 pixels wide. | JPG |
Resource | 1:1 | 512 pixels wide. | JPG |
Web category | 16:9 | 1520 pixels wide. | JPG |