• 22nd of August 2017
  • Ashley Gorringe & Connor White
  • Read time: 4 minutes

Optimising Images for the web

When adding images to a website, it is smart to take optimisation into consideration.

Optimising images is important for many reasons, one of the more obvious reasons being loading times. Users will download data from the website they are browsing including any images on the web page they are looking at. Unfortunately images tend to be big bulky files when compared to basic text. If images on a website are compressed, they will have a lower file size. In result, the website loads faster creating a smooth user experience.

It's also important to keep in mind that these days, images from most smart phones and cameras are very big. For example, my phone's photos are over 4000 pixels across! Thats over 4 times the size of a typical 1080p screen!
So its vital to resize images to a suitable scale, thumbnail images might only need to be a few hundred pixels across. And full size images only need to be the width of an average screen, 1920 pixels across. This will drastically lower the file size of images.

We use an online image optimisation tool that can be found here: http://compressimage.toolur.com/.

Here are a few basic instructions on how to use this tool:

  • Click ‘Upload Images’
  • Choose up to 25 images
  • Leave the Compression Method as default (C)
  • Choose the desired image quality
  • Leave the compression type as normal
  • Resize your image(s) to the desired dimensions
  • Click Compress Images
  • Click the download link to get your new optimised image(s)

It's as simple as that!

Worth a share?

Spread the words!