Optimising your images before uploading them to your website is important to managing your site storage. In this article we look at the optimum sizes for your images in each of the Layout tools in our Framework.
All image sizes given in this article are in pixels (px).
As a general guideline, you want to have at least 72 PPI (pixel per inch) for web images, but 144 PPI is better for devices with Retina screens to ensure crisp, high-quality visuals. The higher the PPI the more storage your image will take up.
Hero Layout
When you optimise images for use in the Hero, you have three options depending on the height or your Hero.
- 1920 x 500
- 1920 x 400
- 1920 x 350
You can see the height of your Hero in the Edit view of the Hero Layout.
Call to Action
There is no restriction of the image size being used, however consider optimising the image to fit with your content, the larger the file the more storage you will use.
Campaign / Twitter
The size of images used in this Layout are 600 x 350.
Content Blocks & Content Blocks 2 Col
The size of images used in this Layout are 450 x 350. Anything small may result in the image being distorted.
Event Listing
There is no restriction of the image size being used, however consider optimising the image to fit with your content, the larger the file the more storage you will use.
Gallery
The Gallery Layout provides you with the option to pick images already in your library. These images will be displayed depending on how they have been uploaded. Consider the way image to fit with your content, If the images are different sizes, it can make your page look unorganised.
Partners
When adding a Partner the image is limited to 300px wide. Height of the image should meet the appropriate ratio for the 300px wide.
Testimonials
There is no restriction of the image size being used, however consider optimising the image to fit with your content, the larger the file the more storage you will use.
Text Block
There is no restriction of the image size being used, however consider optimising the image to fit with your content, the larger the file the more storage you will use.
Text & Image
The size of images used in this Layout are 450 x 350. Anything small may result in the image being distorted.
Text & Text
There is no restriction of the image size being used, however consider optimising the image to fit with your content, the larger the file the more storage you will use.
Twitter / CTA
There is no restriction of the image size being used, however consider optimising the image to fit with your content, the larger the file the more storage you will use.