How can I reduce the size of my images to improve the performance of my Webflow website?

One of the ways to improve the performance of your website is to reduce page load times. In order to optimise this, it is vital that you find effective ways to optimise the images on your website.

Here is a 2-step method to achieve this goal with ILOVEIMG:

Reduce the size of your image

There is no point in having an image formatted at 3000x2500 pixels if you want to publish it in a 800x500 pixel layout. The best way to make sure your image fits perfectly in your destination size is to resize it as much as possible before uploading it.

Image reduction has a major impact on size and is an easy win if done correctly.

Step 1: Resize the image

Step 2: Be sure to keep the proportions

Save 80% in 1 click: compress your file!

The JPEG/PNG file compression feature is incredible. It allows you to reduce (with almost no loss of quality) the size of your files by up to 90%. Nothing more simple, upload your file and press the button. That's it, it's ready.

Before compression : 1.58 Mb vs After compression : 292 Kb

Your image has gone from 3 MB to less than 300 Kb

Link to the image optimisation tool : ILOVEIMG