Apr 13, 2019

How to resize your website images with Photoshop

I often speak about how important it is to use high quality images on your website. With the accessibility of high quality cameras (including your phone!) and an amazing community of professional photographers and content creators, there really is no excuse for second rate images.

However, there is one (large!) downside to these high quality images…their size. If taken on a DSLR, some of these images can be close to 4-5gb each.

I’ll let you in on a not so secret…

LARGE IMAGES = A SLOW WEBSITE

Imagine uploading just 10 images to your website without resizing them – they would be taking up 50gb let alone the size of your other website elements.

Slow websites mean larger bounce rates, frustrated site visitors and ultimately lost business. This is why resizing your images before you upload them to your website is so important, and a step you should definitely not skip.

Resizing images can be time consuming, especially if you have 20 or 30 images to resize at a time!

That’s why I want to show you how you can resize your images using photoshop (and how to set it up so you can resize bulk images with the press of a button)

Compressing images you have already uploaded

If you have a WordPress website, there are a number of plugins that will compress your images as well. I like Smush Image Compression and Optimisation.

This is a free plugin that allows you to ‘smush’ 50 images at a time. Perfect for compressing images you have already uploaded to your website.

I would also suggest using Smush once a week (if you have been uploading images to your website) as well as resizing them before uploading.

How to bulk resize images using photoshop smush

Leave a Comment

Your email address will not be published. Required fields are marked *

Top