Introduction
When creating your website and app you can add images as part of your landing page, content and products. To make it easy for you we have created this table that shows all the different types of images and videos you can add to help make your content shine and their ideal dimensions, file type and size.
Image & Video dimension and size table
Image Name | Required Maximum Dimensions | Ideal file type | Max file size | Topic | Where does it show |
Brand Logo | recommended a 5:1 ratio. Make sure there is no padding on the image as it’ll make the icon smaller | ideally PNG especially if using text in the logo | Ideally a maximum of 0.75MB | Branding | top left corner of your website menu |
Square Logo | 500x500 px | PNG or JPEG | Ideally a maximum of 0.75MB | Branding | Used as the basis for your app icon |
Favicon | 32x32 px | PNG | n/a | Branding | The icon showing next to the name on your browser tab, browser history, search bar etc. |
Background image | Landscape, recommended 1920x1080 px (16:9 ratio). Other dimensions are possible, but will most likely cut off part of the image | PNG or JPEG | max 5MB. Larger images will affect loading time | Landing page | The background of a page block on your landing page or sub pages |
Background Video | Landscape, maximum 1920x1080 | MP4 or Webm | 5MB and max 25 seconds | Landing page | The background of a page block on your landing page or sub pages |
Front image | Dimensions can vary | recommended PNG due to transparent background options and layering | Keep image file size as small as possible, while maintaining the desired quality. Do not exceed 1MB to avoid compromising loading times | Landing page | the main image used in different block types on your landing page or sub pages |
Product Image | The ratio is the same as a video thumbnail, ratio 16:9 and should be 1920x1080 px | PNG or JPEG | max 2MB | Product | This is a landscape rectangular image to showcase your product |
Content Image - Video and Article (written content) | The ratio is the same as a video thumbnail, ratio 16:9 and should be 1920x1080 px | PNG or JPEG | max 2MB | Content | Image shown alongside your video and article (written) content |
Content Image - Audio | image should be 1000x1000 px | PNG or JPEG | max 2MB | Content | Image shown alongside your audio content |
List Image | The ratio is the same as a video thumbnail, ratio 16:9 and should be 1920x1080 px | PNG or JPEG | max 2MB | Content | Image shown alongside a list (collection) that houses your content. |
If you are need any further help, just send us a message in the chat messenger💬 in the right corner of your screen.