IMAGE GUIDE

Feel free to delete this page if you no longer need this.

We have put together this page to help you with making sure your images are of the appropriate size and format so that they fit nicely into this website template.

Please note these are purely our recommendations to ensure the integrity of this template.

Need extra help or support? Make sure to hop into your client portal or jump on to the Facebook support group!

Image File Size – Best Practices

It’s important to ensure any images you upload to your website are saved with as small a file size as possible – ideally under 100KB. Large image file sizes can have a negative impact, in that they take longer to load, slowing down the overall load time of your website and negatively impacting your SEO.

Our recommended tool for optimising images and reducing their file size is Image Compressor.

Full Width Banner

This refers to images set as a banner style that stretches right across the full width of a page. For example, the hero banner on the home page is a full width banner (see below).

Recommended Image Size: 1920px width and 1280px height.

A smaller height can work too if you plan to have your text underneath the banner or more centred in the banner.

Image Carousel/Slider

For example, the image slider on the home page (see below screenshot).

For the sake of cohesiveness, we recommend having all images set to the same dimensions.

Recommended Image Size: 1920px width and 1280px height.

 

Testimonial Slider

For example, refer to the testimonials slider on the home page (screenshot below).

For the sake of cohesiveness, we recommend having all images set to the same dimensions.

Recommended Image Size: 677px width and 1000px height.

Services Thumbnail Images

Example: Home Page (or see screenshot below).

For the sake of cohesiveness, we recommend having all images set to the same dimensions.

Recommended Image Size: 347px width and 253px height

 

Contact Form Sections (at the end of each page)

Example: Home Page

For the sake of cohesiveness, we recommend having all images set to the same dimensions.

Recommended Image Size: 1009px width and 1359px height.

 

Portfolio Featured Image

Used at the top of each portfolio item and as the featured thumbnail.

For the sake of cohesiveness, we recommend having all images set to the same dimensions.

Recommended Image Size: 1200px width and 800px height. 

Image Galleries on Individual Portfolio Pages

These can be various sizes and orientations, just be mindful that you want the images big enough so that when you click on one to view the full version, it is a clear enough image.

 

Images on Gallery page

These can be various sizes and orientations, just be mindful that you want the images big enough so that when you click on one to view the full version, it is a clear enough image.

 

About Page – Hero Image And 404 Error Page Image

This is the image at the very top of the About page.

Recommended Image Size: 731px width and 959px height.

 

About Page – “Moments Not Poses” Image

This is the image used in the “Moments Not Poses” section.

Recommended Image Size: 810px width and 863px height.

 

Packages Page – Hero Image

This is the image used at the very top of the Packages page.

Recommended Image Size: 968px width and 703px height.

 

Packages Page – “No Matter What…” Section

Refer to the Canva template for this image (accessible via the client portal). This image consists of 2x images combined.

Recommended Image Size: 857px width and 691px height.

 

Packages Page – Individual Package Images

These are the images used in each individual package section.

Recommended Image Size: 1240px width and 1375px height.

 

FAQ Page – Hero Banner

This is the image used at the very top of the FAQ page.

Recommended Image Size: 1704px width and 703px height.

 

FAQ Page – Images used besides q&a copy

Recommended Image Size:  742px width and 1239px height.

 

Blog posts – featured images

These are used at the top of each blog post and as the featured thumbnail for that post on the main blog page.

Recommended Image Size:  1200px width and 800px height.

 

Contact page

Recommended Image Size: 892px width and 1243px height.