What is the recommended image size for mobile and tablet?

For images, a general rule to follow would be to upload images in the .webp format whenever possible. .webp images overall provide a smaller file size and this allows you to upload bigger sized images.

For images used inside Image Blocks

A good rule to follow is to upload images with double the dimensions of where you are going to use them.

Images used by the Image Blocks are responsive and smaller dimensions will be loaded for smaller screens. (Only applicable to images uploaded to your Media Manager)

Recommended image formats:

• Use .webp as much as possible
• Use .jpg as a second choice
• Use .png as a second choice for showing screenshots

For Background Images

A good rule to follow is to upload images with at least the same dimensions of where you are going to use them.

Recommended image formats:

• Use .webp as much as possible
• Use .jpg as a second choice

Since content can become tall in mobile devices, keep this in mind when using background images.

Alternatively, some blocks allow you to upload different images for desktop, tablet or mobile.