images are displayed on the page for the event, as well as in event cards. The
image ratio is the same for both areas, so you’ll only need to create one
the website is responsive, the image may be cropped horizontally on some
smaller displays resulting in large parts of the image being cut off.
compensate for this by following these guidelines:
are some examples of how an event image is displayed on different screen sizes.
We have added a gray background to the 900x420px image so you can see how wide
the image actually is.
In general, on an Event page the event image will display like this:
On smaller screens or smaller browser windows, you’ll see that more of the sides of the image are cropped:
iPhone or similarly sized smartphone, you’ll see only a 282px wide section in
the center of the image is displayed: