Prerequisites:
Access to the Rise Up platform with Administrator, Designer, or Author rights — these last two roles being the ones who work on the customisation of courses and learning paths, although they have no permission to manage customisation settings.
Use of an image or video editing tool to adjust dimensions beforehand if needed.
Basic understanding of image formats and resolution settings.
See the definition of a Favicon and its required dimension (256x256)

Dimensions Summary

Use this table as a quick reference, then check the corresponding section for the detailed procedure.

I. Customising Your Login Pages

Background Image for the Login Page

Go to the sidebar menu 'Customisation' in your settings and select 'Login page'. Then enable the custom background to access a selection of predefined videos, or fully customise your login pages via the 'Customise' tab. You can import media that reflects your brand image to ensure visual consistency.

Background Image — Login Page
Dimensions: 1920 x 1080 pixels
Image Format: 16:9

Background Video — Login Page
Resolution: 1080p

II. Choosing the Ideal Dimension for Your Logos

Company Logo

In the 'Colours' menu, import your logo and customise the appearance of your navigation bar.

Dimensions: 250 x 250 pixels
Image Format: 1:1

What Is a Favicon?

A Favicon, or 'favorite icon' is a small graphical icon associated with a website or web page. It generally appears in browser tabs, bookmarks, shortcuts, and the address bar. Using a favicon is important for brand recognition, as it helps users identify your site more easily among others.

Mobile Logo

To customise your mobile app, go to 'Mobile App Customisation' under the 'Customisation' menu.

Dimensions: 500 x 500 pixels
Image Format: 1:1

Mobile Background Image

Approximate Dimensions: 640 x 1280 pixels
Note: display may vary depending on the device.

Images for Tablets and Mobiles

Tablet Image Dimensions: 1200 x 600 pixels

Mobile Image Dimensions: 1200 x 400 pixels

Background Image for All Devices

No limit: you can use the same image for all devices.
Image formats to consider:

• 16:9 for Android phones
• 16:10 for Android tablets
• 19.5:9 for modern iPhones
• 4:3 for most iPads

III. Managing Your Course Images

Course Image

From the 'Configuration' tab of a course, click the 'IMAGE' thumbnail to import a visual from the image bank or your computer.

Dimensions: 500 x 500 pixels
Image Format: 1:1

Course Banner

From the same tab, the banner is displayed at the top of the course presentation page.

Dimensions: 1800 x 450 pixels
Image Format: 4:1

IV. Customising the Default Homepage (Images & Widget Banners)

Go to your settings via 'Settings', then in the 'Homepage' menu select 'Customisation'. Expand the 'Default homepage customisation' section to find the 'Banner' block (image/video) and the 'Carousel' block.

For the 'Banner' block, then choose the desired position (on the left panel or on the dashboard): the recommended image dimension depends on the size of the widget corresponding to that position.

Dimensions applicable in Default homepage customisation > Banner :

HTML Widget Banners on the Homepage

Independently of the 'Banner' block described above, the homepage can also include custom HTML widgets (from Settings > Homepage > Customisation). These widgets display a banner in three block formats (Large x Large, Large x Medium, Medium x Medium). Each format corresponds to a different placement in the homepage layout.

V. Maximum File Size on Your Rise Up Platform

Web Platform

The maximum file size is 500 MB, except when editing your course where the description video can reach up to 5 GB maximum.

Mobile Platform

File size limits for different types on the mobile app:

Images: 15 MB
Videos: 500 MB
Documents: 500 MB

FAQ & Troubleshooting

• Issue: Images appear stretched or distorted.
  Solution: Check that the image matches exactly the format and ratio specified for this location (see the summary table at the top of the article).
  
  Issue: The video does not play correctly.
  Solution: Check the resolution and compatibility of the video format.
  
  Issue: The homepage widget banner is displayed cropped.
  Solution: Resize the image beforehand to the exact format of the chosen widget (small 270x180, medium 500x500, large 1350x230, or for HTML widgets: LxL 1350x635, LxM 1350x309, MxM 667x309) before importing it.
  
  Issue: A user cannot find the customisation menus.
  Solution: Check that they have an Administrator role; roles with restricted permissions do not have access to these settings.
• Can I use the same image for different sections?
  Yes, but make sure it matches the required dimensions for each section.
  
  What happens if I import an image with the wrong dimensions?
  The platform may automatically resize or crop the image, which can cause distortion.
  
  What is the difference between the LxL, LxM, and MxM widget banner formats?
  They correspond to three different placements in the homepage layout; each requires an image resized to its exact dimension for optimal rendering.
• For any assistance, submit a request:
  Rise Up Support Request