Do you optimize your images for web?

Last updated by Tiago Araújo [SSW] over 1 year ago.See history

A nice looking image can be harmful to your website if it's not optimized. It's important to optimize images for the web because the fewer bytes the browser has to download, the less bandwidth the client uses, and the faster the browser can download and render your content on the screen.

The first thing is to save your graphics in the right format and size. After that, you should run an image optimizer.

Some tips and techniques to keep in mind as you work on optimizing your images:

  • Don't be afraid to dial down the "quality" settings if the results are very good and byte savings are significant
  • Remove unnecessary image metadata like geo information, camera information, and so on
  • Use automated tools to ensure that all of your images are always optimized (E.g. imagecompressor.com/

optimizeexample
Figure: Optimizilla reduced the image below in 31%

WordPress

If your website is running on WordPress you should install and activate the plugin WP Smush. It scans every image you upload – or have already added to your site – cuts all the unnecessary data and scales it for you before adding it to your media library.

wp smush
Figure: WP Smush plugin saved 9.4MB from one website

We open source. Powered by GitHub