Collection Images

Created by Glen Barnes, Modified on Wed, 31 Jul at 11:24 AM by Natalie Nguyen

All you need to know about adding images to a collection:

There are two different images you can add to a collection. A background image and a logo. Below you will see where those images are shown and what size they need to be.

Background Image:

This is located in a collection list, when the header layout is set to Background/logo.

It shows in the collection list at the top of the screen. The aspect ratio is 16:9. 

Please note that this image scales depending on the screen size and can get cropped on larger screens. So it's best to add any text to the logo image. If you do have text on the background image then make you have a sizeable border to allow for any cropping that may occur.

iVBORw0KGgoAAAANSUhEUgAABS0AAAo4CAYAAAC8JoK_AAABgmlDQ1BzUkdCIElFQzYxOTY2LTIu-2_3__2_.png

Logo (Optional): 

The logo is located in a collection list, when the header layout is set to Background/logo.

It shows in the collection list at the top of the screen. The logo is overlaid on the background image. 

The logo doesn't have an aspect ratio. It takes up 30% of the background image height. So you can upload a wide image and it will expand to the right. The image can be solid or have a transparent background. 

Adding a logo is optional.

 iVBORw0KGgoAAAANSUhEUgAABS0AAAo4CAYAAAC8JoK_AAABgmlDQ1BzUkdCIElFQzYxOTY2LTIu-2_3__1_.png

Ratio reference:

  • A common 1:1 ratio is 1080 x 1080 pixels.
  • A common resolution in the 4:3 ratio is 1024 x 768 pixels.
  • Common resolutions in the 16:9 ratio are 1920 x 1080 pixels and 1280 x 720 pixels.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article