Home
Do you optimize your images for web?
  v1.0 Posted at 11/02/2017 4:34 AM by Tiago Araujo
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. 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.: http://optimizilla.com​
optimizeexample.png
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.jpg
Figure: WP Smush plugin saved 9.4MB from one web site

Related rules

    Do you feel this rule needs an update?

    If you want to be notified when this rule is updated, please enter your email address:

    Comments:

    Note: Social Media login for Yotpo is not working in IE or Safari, please use Chrome. We are waiting for Yotpo to fix it.