1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

[guide] Optimising your images properly

Discussion in 'Web Design' started by Conor, Mar 15, 2017.

  1. Conor

    Conor Elite Member

    Joined:
    Nov 7, 2012
    Messages:
    3,579
    Likes Received:
    5,964
    Gender:
    Male
    Location:
    South Africa
    Home Page:
    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.
     
    • Thanks Thanks x 5
  2. John347

    John347 Newbie

    Joined:
    Mar 9, 2017
    Messages:
    16
    Likes Received:
    4
    Gender:
    Male
    I hope those cheedy clickbait ads read your post.
     
  3. Conor

    Conor Elite Member

    Joined:
    Nov 7, 2012
    Messages:
    3,579
    Likes Received:
    5,964
    Gender:
    Male
    Location:
    South Africa
    Home Page:
    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.
     
  4. Massacre

    Massacre Regular Member

    Joined:
    Apr 1, 2012
    Messages:
    471
    Likes Received:
    135
    Gender:
    Male
    Nice guide, thanks. Will definitely try it for my new website


    haha, well said
     
  5. blogzandstuff

    blogzandstuff Elite Member

    Joined:
    Jan 1, 2015
    Messages:
    6,422
    Likes Received:
    2,999
    Occupation:
    blog creator
    Location:
    UK
    This plugin works fine, I use it all the time
    https://wordpress.org/plugins/ewww-image-optimizer/
     
  6. Th3 Canadian 3h

    Th3 Canadian 3h Regular Member

    Joined:
    Jun 15, 2016
    Messages:
    260
    Likes Received:
    70
    Occupation:
    Business Consultant
    Location:
    Canada
    Does this mess up your images at all? Thanks for the share,
     
  7. Conor

    Conor Elite Member

    Joined:
    Nov 7, 2012
    Messages:
    3,579
    Likes Received:
    5,964
    Gender:
    Male
    Location:
    South Africa
    Home Page:
    If it works for you, then great. Personally I've found that plugins just aren't thorough enough for my liking.

    Nope. As long as you let the tool run til it's finished, you'll be fine.
     
    • Thanks Thanks x 1
  8. Massacre

    Massacre Regular Member

    Joined:
    Apr 1, 2012
    Messages:
    471
    Likes Received:
    135
    Gender:
    Male
    I doubt. As also OP replied.
    However, to be on the safe side, I'd make a backup.
     
    • Thanks Thanks x 2
    Last edited: Mar 16, 2017
  9. adityaradea

    adityaradea Registered Member

    Joined:
    Feb 21, 2017
    Messages:
    74
    Likes Received:
    20
    Gender:
    Male
    thanks for your share, i use ewww image optimizer to optimize image and its trully work, it scan the entire image in theme
     
    • Thanks Thanks x 1