Hello,

What is the width and height sizes for the Event's cover photo and the small thumbnails for the other views?

I just can't make any image fit properly because they are resized and it will cut everything I design.

I can't see an option. for uploading two different images:

1. The cover photo

2. The smaller image seen in other views

So it's going to be impossible to fit the image correctly no matter how hard I try.

How can I have the image I design fit correctly with the right sizes?

Not only that, on my side, the "Drag the cover image to reposition" option doesn't work either. I uploaded a big image, smaller one, I tried different sized, and it won't let me drag it and reposition it.

Suggestions:

1. Why don't you show a tooltip with the right width/height sizes for the cover photo?

2. Allowing us to upload two different images, the cover photo and the smaller thumbail version

3. The same should be possible on the user's profile cover photo.

As the end user, we are blind as to what are the sizes we need to use to properly fit the images in the cover.

Thanks

Edited February 23Feb 23 by michimachi

Hi there,

The Event cover photos will be displayed at different sizes (and ratios) depending on the size of the device which is being used. There isn't a "one size fits all" approach unfortunately.

The "Reposition Cover Photo" setting will only work if the image is taller than the cover photo space. It allows me to choose a "focus point" within the image, which is preserved for all instances of the image, including the small/thumbnail version. Do you notice any errors in the browser console when trying to reposition it?

Just now, Ehren said:

Hi there,

The Event cover photos will be displayed at different sizes (and ratios) depending on the size of the device which is being used. There isn't a "one size fits all" approach unfortunately.

The "Reposition Cover Photo" setting will only work if the image is taller than the cover photo space. It allows me to choose a "focus point" within the image, which is preserved for all instances of the image, including the small/thumbnail version. Do you notice any errors in the browser console when trying to reposition it?

I understand about the ratio but...

There's not only one image for the coverm there is the 16:9 version and then a non-16:9 ratio when there are different views for the event. So no matter which ratio you'll use, you'll never match both the 16:9 and the non 16:9 one.

It's not only one image and ratio, there is more than one.

That’s correct, there are multiple ratios and sizes. You could enforce a strict 16:9 ratio on every instance using CSS, however the image would be quite small on mobiles.

Uploading a large image and then selecting the focal point (by repositioning the image) is the recommended approach as it should cover most use cases 🙂