Disclaimer: The best overall size for images depends on a number of factors such as your companies brand guidelines, and use case. Don't be afraid to experiment with different image sizes and layouts to create unique experiences.
Pages Image Recommendations
Hero Image
The image height will scale to fit the width of the image. Experiment with image ratios and portrait images for different effects.
The width recommended for a hero image is minimum 280px and maximum 960px.
This hero image is 528px wide.
This logo image is set to 135px wide.
The height recommended for logos is minimum height of 32px and maximum height of 64px.
LOGO WALL
Logos are all going to balance differently take up different dimensions, a good practice is to not go any smaller than 32px for the height.
Banner Logo Images
The recommended minimum height and width for the banner logos is 56px by 56px and the maximum height and width 120px by 120px.
The banner logo images are 120px width.
Benefit Images
Ensure that all images have the same aspect ratio when being used in columns as they will then have the same width and height.
The recommended width for benefit images are minimum 80px and maximum 640px.
Benefit #1
Benefit #2
Benefit #3
The benefit images are 210px width.
Section Background Images
The most common desktop screensize is width 1920px by 1080px height. The image should be a minimum width of 1600px or a maximum width of 2560px.
Copyright © 2024, Uberflip, All rights reserved.