How to divide by 10 the weight of my web images?

2-step guided tutorial to reduce the size of your web files and improve the performance of your site

Key points to remember

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.

Before-compressing-files — Example very large image 3000 x 1996 px = 3,7 MB

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.