We all know that images are the heaviest assets of websites by file size and should be optimized first more than anything else. Pretty much everyone uses Photoshop’s Save-for-Web to optimize images for web use. But, it’s possible to easily get even smaller file sizes without any noticeable different in image quality. I recently tested a service called Kraken (https://kraken.io/) and it reduced a banner background image by 44% (126 KB).
Without Kraken: 282KB
With Kraken: 157KB
The two images are below. Can you tell any difference between the two? Click on the image to see a larger version.
Update: Actually, Compressor (https://compressor.io/compress) was able to compress the image by even more (70%)!
Some other image optimization sites are:
- https://tinypng.com/
- http://pnggauntlet.com/
- http://optimizilla.com/