Our first article on how to improve your website is regarding optimising your images.
As with all things (so they say), “size matters” and the size of the images you use on your website (both file size and dimensions) is no exception.
To get the most benefit from optimising your images it’s important to follow some guidelines otherwise they can severely impact the quality of your website. The main goal of this guide is to try and make your images file sizes as small as possible, we will also go over a few good SEO tips as well. Following these guidelines will enhance the quality of your website and it’s SEO ratings dramatically.
Here is how to get the most from your images in order of importance.
Using the correct format of file is important because different file formats save at different file sizes. The two most common formats used are png or jpeg/jpg and comparing them, jpeg/jpg saves smaller than a png. Here is an example, they are both the same image just different formats:
As you can see, the png image is much larger which will take longer for a website visitor to download. In general, the only time you will need to use a png format is if you need your image to have a transparent background.
To change the format of an image you can use programs like Microsoft Paint or a website such as http://png2jpg.com/
Using the correct size of images for where you want to display it is another important point to consider for two key reasons:
One of the easiest methods to change the resolution of an image is Microsoft Paint or you can use a website such as http://www.picresize.com/
Once you have your image the correct size and format the next thing you need to do with optimising your images is to compress it. Here are some tools for compressing both jpeg and png.
Compressing your image directly reduces the file size and in most cases, with the standard settings, you will not notice a difference in the quality of the image. It’s important to get the images as small as possible and all the above websites will allow you to compress the image further. When you click on one, it will allow you to change the compression percentage for even further savings.
It’s a good rule of thumb to compress all your images no matter how small they are in the first place. Smaller is always better and less for your user to download.
A few weeks ago we came across a website (not a website that we have any involvement with) where the home page of the website was 264 MEGABYTES in size. It has so many images on the page and none of them were optimised.
When you think of someone using their mobile data plan trying to view this page, that’s a large chunk of their plan gone. If that person only has 500MB of monthly download, that’s half their allowance with one page!
Now you have your images as small as possible, the next area to look at would be getting some SEO benefit from them. When Google looks at your website, all Google will see regarding your images is the filename. If your image filename is something like this:
it will mean nothing to Google and give you no SEO benefit. Naming all images with something appropriate will mean they will show in Google’s image results and boost the website’s SEO ranking.
Another important SEO tip is to add an alt tag (also known as the alternative tag) to your image. If your image doesn’t display, this text will be displayed in its place. Search engines look for this and it makes it clearer what the image is about. To add an alt tag in WordPress, view the image in the media library and add it in the appropriate box before adding it to a page.
We can help make this easier by helping you with optimising your images for your website. If you’re a customer with one of our new All-In-One packages there are additional features we can add to your website to help you with optimising your images or we can add new content to your website for you. If we can help you with your website then please contact us via our website, email or give us a call.