Website Image Optimisation Guide

STEP 1 – check the size

Images are very important on your website. You want your images to be high quality as it can change the whole feel and quality of your website.

But on the other hand, you don’t want to upload big images as it can really slow your website down. So you want to find the right balance between quality and size. You also want to make sure that you are uploading the images in the right size. Click here for a great article to give you a good overview of image types, why image size is important, etc.

When you upload images to your website, WordPress creates additional 3 sizes of the image (as well as the original size) to display the best size depending on the device. Here are the default sizes, pre-set on WordPress already:

If you required custom size images, it is possible to change the default sizes but as the purpose of this course is to keep things as simple as possible, we will keep the default settings as they are.

 

STEP 2 – find your images

If you need to use stock images, you can either pay for images from www.istockphoto.com (but they are expensive) or use free stock images – try www.unsplash.com or www.pixabay.com.

When you use Unsplash, make sure you click on the little arrow in the corner by “Download” and select “Medium”. On Pixabay, you will see the size option on the side, before you download the image.

You can use Canva for edited images – so various elements/images combined, etc or for smaller images with dimensions less than 480,000 total pixels (e.g. 800px by 600px). Make sure you do not use UNEDITED images on your website bigger than that, as it is against their license.

Canva has a great selection of images, elements and functions if you use Pro version.

If you haven’t heard of Canva, it is a great idea to try it out. It will honestly become your best friend. You can use Canva not only for creating unique designs but to create hundred other things like business cards, freebie PDFs, social media posts, etc (I am using Canva to build this course, I love Canva!).

It’s super easy to use and will save you so much time! You can use it for free although personally, I think it is worth paying for the Pro version. You get access to more images and you can resize whatever you created which is very handy and will save you a lot of time. If you would like to use my Canva affiliate link, click here.

Once you have all the images you want on your website, save them in a separate folder called “Original” or something that is recognisable to you. Next, you need to resize and compress your images.

To access the rest of the guide, please click here.