Compressing images on your website to reduce their sizes can significantly improve your website’s loading speed and lighthouse performance score.
One way to compress your images is to use an online tool called Squoosh. Squoosh was created as an open-source project by the Google Chrome Labs team on GitHub.
To compress your image, go to the URL squoosh.app.
As stated on the home page, you can drag and drop an image, paste an image (using ctrl+v), or click on the plus icon to select your image from the file selector window.
After you have chosen your image, it will be compressed automatically.
To further compress an image, you can adjust the quality by sliding the quality bar or by resizing the image.
For example, I resized the width of the image from 1280 to 640, which significantly reduced the size to 50kb. Then, I increased the quality to 90%, resulting in the final image size being slightly over 88kb. This is impressive compared to the original file size, which was about 290kb.
This is the final image, which has been compressed and resized from 1280x960 to 640x480.
It’s crucial to ensure your app assets have smaller file sizes without compromising picture quality. This will help your app run smoothly and look great!