Resolution and cropping rules for the cover photos

In your marketplace, from the admin panel in the Design tab, you can configure two cover photos.
You can find resources about great photos in this article.

Cover photo

The cover photo is shown in the homepage for non-signed-in users.

That photo should be 1920x450 pixel size. The file should be a jpg, png or gif.

If the photo you upload isn't 1920x450 pixel size, it will be resized automatically and taller images will be cut in the middle (top and bottom will be cropped). 

To enjoy the best results, you should use the recommended size.

Small cover photo

The cover photo is shown in all pages except in the homepage for non-signed-in users. A light grey/white overlay is applied and the search bar is added on top of that photo. 

That photo should be 1920x96 pixel size. The file should be a jpg, png or gif.

If the photo you upload isn't 1920x96 pixel size, it will be resized automatically and taller images will be cut in the middle (top and bottom will be cropped). 

To enjoy the best results, you should use the recommended size.

Resolution and cropping rules for the logo

In your marketplace, from the admin panel in the Design tab, you can configure two logos.

Logo

The desktop logo will be shown to users with bigger screens, in the top left corner of your marketplace.

That logo should be 336x80 pixel size. Actual logo size is 168x40 and retina and high dpi displays will use the 336x80 version. The file should be a jpg, png or gif.

If the photo you upload isn't 336x80 pixel size, it will be resized automatically and taller images will be cut in the middle (top and bottom will be cropped). 

To enjoy the best results, you should use the recommended size.

Consider for example this logo:  It's size is 336 x 65

Even though the width is correct, then you add this logo to your marketplace it will look something like this: 

Something similar would happen to images that have the right height but not the right width. The only way to prevent this is by adding and image with the recommended size or at least that has the same ratio of width x height.

Logo for social media

This image will be shown when people share your site in social media (Facebook, Twitter, LinkedIn...). For the best results, it should have a 2:1 aspect ratio and a minimum size of 1200x600 pixels. The file should be a jpg, png or gif.

The image will not be resized automatically, but if you don't use the recommended size and ratio, the results in social media might not be optimal.

Logo for home screen on mobile devices

This square logo will be shown when people bookmark your site. It will also be shown as an alternative to the logo for social media if you don't add one. 

This logo should be (at least) 600x600 pixel size. The file should be a jpg, png or gif.

If the photo you upload isn't 600x600 pixel size, it will be resized automatically and taller images will be cut in the middle (top and bottom will be cropped).
To enjoy the best results, you should use the recommended size.

Resolution and cropping rules for the favicon

Favicon will be visible to any visitor in their browser tab. 

That logo should be 32x32 pixel size. The file should be a jpg, png, gif or .ico.

If the photo you upload isn't 32x32 pixel size, it will be resized automatically and taller images will be cut in the middle (top and bottom will be cropped). 

To enjoy the best results, you should use the recommended size.

You can add an .ico file type in order to ensure visibility in different browsers. In particular Microsoft Edge seems to rely on this file type, but an .ico file should work in other browsers as well. 

Listing pictures

The ideal image ratio should be 3:2, for example 660x440 pixel or 1500x1000 pixel. The file should be a jpg, png or gif.

If the uploaded image ratio is within 20% of the 3:2 ratio, for example 680x440, it will be cropped to the target ratio (660x440) to avoid gray bars on the sides. 

If the image is not even close to the target ratio (e.g. more than 20% should be cropped), for example 1200x440, no cropping will happen at all.

Profile pictures

The ideal image ratio should be 1:1, for example 600x600 pixel or 1100x1100 pixel. The file should be a jpg, png or gif.

If the uploaded image ratio is not squared, for example 680x440, the larger part will be cropped around the center (so the end result would be in this example 440x440).

What tool to use to resize and crop images

You can use a basic image editor (like Paint) or some online tools like Cropp.me or Cut My Pic.

Did this answer your question?