Overview
In this article, we will walk you through some recommended image sizes for various parts of the platform. However, please note, these are just recommendations/guides for the image sizes, you will need to test all uploads before going live. Also, images are resized to fit the screen it is being viewed on, so the image uploaded may appear slightly different depending on the device.
Homepage
Location | Image Size | Example | Where can this be edited |
Image added in Homepage Banner section (one column) | 1920 x 550px |  | 'Homepage Banner' in Editable Content (Content Management > Editable Content) |
Featured Products (options 1 & 2) | 1000 x 1000px |  | Changing between Option 1 and 2 - Appearance Settings (Content Management > Appearance Settings) Changing the image itself - On each Product Page (Catalogue > Products > Product Management) |
Feature categories (option 1) | 620 x 752px |  | Changing between Option 1 and 2 - Appearance Settings (Content Management > Appearance Settings) Changing the image itself - Manage Categories (Catalogue > Categories > Manage Categories) |
Featured categories (option 2 - no whitespace between images) | 847 x 700px |  | Changing between Option 1 and 2 - Appearance Settings (Content Management > Appearance Settings) Changing the image itself - Manage Categories (Catalogue > Categories > Manage Categories) |
Location | Image Size | Example | Where can this be edited |
Category images (E.g. subcategories) | 1000 x 1000px |  | Manage Categories (Catalogue > Categories > Manage Categories) |
Location | Image Size | Example | Where can this be edited |
Product images I.E. list of products | 1000 x 1000px |  | On each Product Page (Catalogue > Products > Product Management) |
Login Page
Location | Image Size | Example | Where can this be edited |
Login Image | 1920 x 1080px |   | Appearance Settings (Under Section Feature Images, see Login background) |