How to Optimise Images for blog posts [Video]

OPtimise Images For Blog Posts

How to Optimise Images for blog posts

Knowing how to optimise images for blog posts is an important skill for a blogger.  You want your pictures to look good but not take days to load. When you work with brands you want to make sure that you do their products justice. You want to include lots of pictures but it’s no good if your readers get bored waiting for them to load.

When it comes to optimising images for blog posts it’s all about trade-offs. You can have a post full of pictures if you want, but you’ll need to compromise on height and width as well as quality. Or you could have 2 or 3 higher quality images instead. Either way you can’t have both and a blog post that loads at the speed of light.

 

Image formats: what are the options?

Before we get started I need to make a point.

Most bloggers I know use Canva to format their images which is totally fine. I love the free version of Canva. BUT, what I hate is that it ALWAYS recommends that you download graphics in PNG format without explaining why. As a software professional I know why but the average blogger probably doesn’t. Never fear, your blog genie is here with all the info you need to make an informed decision. You can thank me later.

The two formats you’re most likely to come across are PNG and JPG.

PNG are the higher quality images and so tend to take up more storage space than a JPG of the same height and width. This is why Canva recommends that you download as PNGs. It wants you to have the highest quality version of the graphic. But there are times when you just don’t need such high quality images, like in your blog posts (unless you’re a photography blogger maybe).

I’ll be honest, I’m much more likely to read a blog post with photos that load quickly but aren’t art gallery quality, than I am when it takes half an hour to load one image on screen. I won’t have even hung around to find out how long the images take to load. Harsh but true.

Don’t forget that Google uses page speed as a metric for working out rankings in search results too. Don’t hamper your chances of ranking high for keywords by insisting that your images have to be of the highest quality if they don’t.

Unless you really need super high quality images, I’d always recommend that you use .jpg format images.

 

Lossy vs Lossless Compression

I’m not going to go into too much depth on compression methods, because you don’t really need to know about it in that depth.

Lossless compression, as the name suggests, compresses the file without compromising picture quality and it can also be decompressed. Lossy compression reduces the quality of the file and permanently removes data.

PNG’s are a lossless compression type and JPEG’s are lossy, which is why even when they’re both compressed PNG’s are still higher quality and therefore have bigger file sizes.

How do you Optimise Images for blog posts?

So I’m now going to talk through the process I use to optimise images for my blog posts. I’ve recorded a how-to video below, or you can follow the step-by-step guide further down the page.

 

 

Canva

I use Canva for all my graphics. I have templates set up with the maximum dimensions that I need them to be. Any graphics that I need to upload to either of my blogs is downloaded in JPG format.

Top tip – Having templates set up is a good idea to help save time making graphics. It means that all your images will be the same size and to make them all you need to do is upload new images and drag them onto the template.

 

Optimise Images For Blog Posts

 

Compress

Once I’ve downloaded them in the right size as a JPG I then use an online image compression site to compress my pictures. Then I download them and upload to my sites. I use compressJPEG.com. You can upload up to 20 pictures at a time to be compressed and then download them all in one click, so it shouldn’t add too much time to your graphics making process.

 

 

 

Summary

So there are a few things to consider when you need to optimise images for blog posts.

Firstly, not all image formats were created equal. PNG are higher quality images than JPG but means that they have a bigger file size. The same goes for compressing pictures too.

Unless you desperately need really high quality photos in your posts I recommend that you stick to JPG and that you always compress pictures before you upload them regardless of which format you use.

 

 

 

You may also enjoy:

How to take a WordPress backup

How to Install a Free SSL Certificate with Siteground

7 Essential WordPress Plugins for Mum Bloggers

7 Comments on “How to Optimise Images for blog posts [Video]”

    1. I was a bit worried that it might be a bit techy, but unless you know exactly what you’re dealing with you can’t make an informed decision. So I’m glad you found it useful

  1. Great tips, I’ve pinned the image. I definitely need to go back and redo some of my images. I always thought png was better but now I compare I can see there is a decent size difference, so I’m definitely going to be more careful moving forward.

    1. I never really paid that much attention to image files until I started looking into site loading speeds in depth. I knew that PNGs were bigger than JPG but I had no idea just how much impact they have on your page loading speeds.

  2. Wow! I’ve always just thrown the images in with reckless abandon. I do have the smush plugin but I think I need to have a look at what I’m doing more closely. Thank you

    1. Having the smush plugin is better than nothing, it will be compressing your images a bit so it’s a good start. Sometimes I think, as bloggers, we get so caught up in writing great content and taking great pictures that we don’t always remember about image sizes. At least I’ve shown you the path away from the dark side 🙂

Leave a Reply

Your email address will not be published.