15 Dec How to optimize your images for web

There is one thing that you always want to do for a faster website loading and that is optimizing your images. Therefore we need a smaller file size for our images. But how do we do that? How can we cut off kilobytes to improve the loading speed of our website and enhance mobile usage.

I have 2 solutions for you. The first is a tool that I use to optimize my images and the other is a online optimization tool.

Caesium Image Compressor

This is by far my most favorite tool to optimize my images. It does it all.
As you can see in the screenshot, you have quite a few options. First of all, you can bulk upload so that you can optimize all your images at once.

caesium-image-compressor-example_
You can also set the quality. I mostly leave it to 80%  or 90%. Don’t worry, when you leave it to 80% you won’t even notice that you lost some quality.

The resize option is a really nice one to have. I’ve used it a couple of times now and I’m very happy with the results.

And then we have the Output folder. I mostly use the ‘same folder as input’ function with the ‘_compressed’ suffix. I do this so I can compare once again afterwards and I am sure that I’m using the compressed image. But of course, you choose what suits you best.

When you’re done, you press the ‘Compress!’ button and Voila, magic happend.
The result of the optimized images.

caesium-image-compressor-compressed-example

Unfortunately for Mac users, this tool is only for Windows. But, I found an alternative for Mac. This tool is similar to Caesuim but might lack some functions. I did not test it myself.

Download for Windows: Caesium Image Compressor

Alternative download for Mac: Imageoptim

Kraken.io

The next one is an online tool you can use. In my opinion it is not as good as the Caesium tool but it does the trick.
You can bulk upload your images by dragging and dropping them into the upload area. Next you can choose for lossy and lossless. I used to test them both and compare the results. And again a nice to have is the possibility to resize your images.

As a free user you can upload files of maximum 1 MB
When you are done, you can download them one by one, download them all as a ZIP file or sync it with your Dropbox account.

Example lossy
kraken-example-lossy
Example lossless
kraken-example-losslessOnline tool: Kraken.io

As you can notice, Caesium did a better job but Kraken.io is a pretty good online alternative.
If you found similar or better tools for online and or offline you can share them in the comments below and I might give them a try.