Collection Image Specifications

Below are a list of optimal Collection image specifications that can set for collection thumbnails, collection banner images and collection category thumbnail images.

Collection Thumbnail Settings - Optimal Image Specifications

Collection thumbnails are the default thumbnail image that appears on each collection on the Collection summary page here.

Collection thumbnails

How to adjust the thumbnail display size

  1. On the Collection Page, click the gear icon ⚙ next to the search bar.

  2. Select the Display Size (small/large) to adjust how thumbnails are shown.

Collection Thumbnail Settings

Collection Thumbnail Image - Optimal Specifications

The Collection thumbnail is the preview image shown on the Collection Page, next to each Collection title.

  • 295x192 px

  • Acceptable variation: ±33% depending on small/large display settings.

How to set the thumbnail image

  1. Open any Collection and click the three dots (...) icon

Collection Detail page Setting
  1. Then select "Edit Info" button.

Select "Edit Info"
  1. In the Thumbnail section, you can choose one of the following options:

  • Paste a public image URL

  • Upload a new image from your computer

  • Pick an image from your Library by clicking the fullscreen icon

Set the thumbnail image

Collection Detail Page Banner Image - Optimal Specifications

The banner is the wide image displayed at the top of the Collection Detail Page, helping to visually represent the Collection.

Note: If not set, the system will automatically pick a random image from the Collection when assets are first uploaded.

Collection Detail Page Banner Image
  • Web: approx. 1280x175 px

  • Mobile: approx. 390x175 px

The banner spans the full screen width, with a height of around 175 px.

How to set the banner image

  1. Go to the Collection and click the three dots (...) icon

Collection Detail page Setting
  1. Then select "Edit Info" button.

Select "Edit Info" button.
  1. In the “Banner Image” field, paste the public image URL of the banner you want to use.

  • Then set the image by copying and pasting the public shared url of the image you would like to use into the following field:

Note: you can create a shared url link by generating a shared link on any image in your Library. Then open the shared link in your browser and then right click and copy the image url from the shared link page. See Sharing Assets for how to create a shared link on the Library asset you would like to use.

Collection Detail page

Collection Category Image - Optimal Specifications

Category thumbnails appear when you enable Category View from the top-right of the Collection Page.

Collection Category Image
  • 200x112.5 px

  • Acceptable variation: ±25%.

How to set the category thumbnail:

  1. Click the down arrow ▼ next to the category name → select Edit Category Thumbnail.

Set the category thumbnail
  1. You can either:

  • Paste a public image URL

  • Select an image directly from your Library

📌 To remove a category thumbnail, follow the same steps and click the X icon in the image selector. Note: Categories with thumbnails can be empty (have no Collections inside).

Edit thumbnail for Category

If you have any questions, don't hesitate to ask, we're always here to help!

Last updated