[guide] Optimising your images properly

Conor

Elite Member
Joined
Nov 7, 2012
Messages
3,621
Reaction score
6,217
This is just a quick one, but something I learnt after much trial and error. Hopefully it'll save some people a bit of hassle.

When speeding up a website, I've found that one of the top "slowness" factors are images that have not been compressed for the web. They contain unnecessary EXIF tags, they don't render efficiently and they're just making the site unnecessarily slow.

There are a bunch of Wordpress plugins that are supposed to handle these images and make them more web friendly.

None of them work

Trust me on this, I've used "smush it" in the past, I've used tinypng's official plugin and the better one that actually does work to an extent. None of them are effective enough to rely on. The reason for this is because they only optimise the images they can detect in your media library, and even then they don't always work as well as they should. Images in other directories, plugin icons, etc, these are all ignored by the supposed "best" wordpress image optimisation plugins.

I have a better way of doing it.

This will require a little bit of work, but I've found it's the most thorough way of handling your images.
  1. Access your site via FTP
  2. Make a local backup of your entire wp-content directory.
  3. Download "File Optimizer" (http://nikkhokkho.sourceforge.net/static.php?page=FileOptimizer)
  4. Drag the backed up wp-content directory into File Optimizer, click "Optimize All Files" and leave it to do its thing.
  5. Reupload the modified wp-content directory via FTP. Remember to overwrite all files that are a different size to the originals.
There you go. Images that have been properly compressed for web.
 
I hope those cheedy clickbait ads read your post.

You mean those ones you see on Facebook where you have to click "Next" after every paragraph? I hope they find a hole somewhere on the internet and go die in it. No one would miss them.
 
Nice guide, thanks. Will definitely try it for my new website


I hope they find a hole somewhere on the internet and go die in it. No one would miss them.
haha, well said
 
This is just a quick one, but something I learnt after much trial and error. Hopefully it'll save some people a bit of hassle.

When speeding up a website, I've found that one of the top "slowness" factors are images that have not been compressed for the web. They contain unnecessary EXIF tags, they don't render efficiently and they're just making the site unnecessarily slow.

There are a bunch of Wordpress plugins that are supposed to handle these images and make them more web friendly.

None of them work

Trust me on this, I've used "smush it" in the past, I've used tinypng's official plugin and the better one that actually does work to an extent. None of them are effective enough to rely on. The reason for this is because they only optimise the images they can detect in your media library, and even then they don't always work as well as they should. Images in other directories, plugin icons, etc, these are all ignored by the supposed "best" wordpress image optimisation plugins.

I have a better way of doing it.

This will require a little bit of work, but I've found it's the most thorough way of handling your images.
  1. Access your site via FTP
  2. Make a local backup of your entire wp-content directory.
  3. Download "File Optimizer" (http://nikkhokkho.sourceforge.net/static.php?page=FileOptimizer)
  4. Drag the backed up wp-content directory into File Optimizer, click "Optimize All Files" and leave it to do its thing.
  5. Reupload the modified wp-content directory via FTP. Remember to overwrite all files that are a different size to the originals.
There you go. Images that have been properly compressed for web.
This plugin works fine, I use it all the time
https://wordpress.org/plugins/ewww-image-optimizer/
 
thanks for your share, i use ewww image optimizer to optimize image and its trully work, it scan the entire image in theme
 
Back
Top