All Collections
Design
Listing thumbnail aspect ratio options
Listing thumbnail aspect ratio options

Getting the aspect ratio and dimensions of your listing images right can be a great way to differentiate your marketplace experience.

Sharetribe avatar
Written by Sharetribe
Updated over a week ago

Listing thumbnails refer to the smaller versions of listing images that are displayed when a list of listings is displayed on a search page, user profile page, or "manage listings" view.

The listing thumbnail aspect ratio setting determines how the listing images in these pages will be displayed. You can define this ratio in Console -> Design -> Layout.

These images give the first impression of your offering to your prospective buyers. You should select the aspect ratio that best represent the actual offerings on your marketplace. For example, photos of houses or vehicles usually look better in landscape, while dresses or surfboards are best represented in a portrait mode. If you have lots of different types of listings, a square thumbnail is a safe option.

How are the thumbnails generated?

The images that are used to create the thumbnails are the same that the provider uploads in the listing creation form. The first image they upload is used in the thumbnail. If the image they upload has different dimensions than the thumbnail, the thumbnail will be cropped to the right aspect ratio. The maximum listing size is 20 MB and 3072 x 3072 pixels. The recommended listing image file type is jpg or png. For more information on how to ensure the best quality photos on your marketplace, check out this article.

Landscape

For the landscape thumbnail, the ideal image aspect ratio should be 4:3, for example, 1350 x 1080 pixels. This means that the image width should be larger than the height.

Portrait

For the portrait thumbnail, the ideal image aspect ratio should be 3:4, for example, 1080 x 1350 pixels. This means that the image height should be larger than the width.

Square

For the square thumbnail, the ideal image aspect ratio should be 4:4, for example, 1080 x 1080 pixels. This means that the image height and width should be equal.

Did this answer your question?