Optimise Your Images For Web
Friday, March 3rd, 2023• By Kate Smith
Google is picky about what they like, but we can agree with them on this one: site loading speeds. A fast loading website is prioritised in Google searches and your visitors will appreciate the experience too.
One key way to achieve this is optimising your photos.
Make your photos smaller! But not too small. You don’t want them blurry or pixelated.
Nooooooo. Here’s a quick, free and easy way. I promise.
Watch this video to see what I do before I upload images to my clients websites. Detailed zinstructions are below if you need more of an explanation.
Set the size of your images
This depends what the images will be used for. If I’m not sure yet, I tend to size everything to 1920×1080 pixels. Why? Because even if that image is full width on a large screen, it’s going to look good. If you have a lot of images and they don’t need to be full screen you might choose something smaller. For example, if you have a lot of images for a gallery you could save them all at 1200×700 pixels and save a bit of load time. If 90% of your site visitors are on mobile, even smaller images for faster load time could be more important.
Rename your files
This is a really cool feature to boost your SEO. Basically use your best keywords to name all of your pictures. For example, if you’re a scuba company in the Whitsundays, you could use the name scuba-dive-whitsunday-islands-xx. The Xs represent the numbers that will be added after each image to create a unique filename.
But they should have unique names according to what they are, right?
Ideally yes. If you’d like to name them all individually, have at it! If not, this is better than IMG_321.
Download your files, againOnce again, you can click each one to download individually or do them all as a zipped file.
Your files are ready to go and won’t clog up your site with copious pixels!
Head over to Google PageSpeed Insights and enter your web address. Scroll down to Opportunities and see if image size is mentioned. If Google is rating it as a big problem, it might be worth doing! If not, just do thisas you add more photos. As your site grows your load speeds won’t.
Here’s a website I recently redesigned. I used this method to optimise their new photos and images. This is a website that uses a lot of imagery to showcase their incredible experience in the Northern Territory. But it’s important that load speed doesn’t affect their visitor experience. Check out the
case study here and if you’re planning a trip to the NT, book in with Storm and Jack for a one-of-a-kind experience!
The scuba photos I used for this tutorial are by Sebastian Pena Lambarri on Unsplash. Unsplash is an excellent resource for high quality, free stock images. You should credit your photographers though, like I just did!