How to Optimize WordPress Images Automatically Without Losing Quality

May 19, 2010  | 
20 Comments

Whether you’re an active blogger who occasionally uses images or a photoblogger who documents experiences with an image-heavy blog, optimization of image files needs to be a priority for you.

The Problem:

Many images contain extra bytes within them that are unnecessary. It’s quite simple: smaller images means your site loads faster, which improves your user’s experience and their likelihood to return. Since site performance is now a factor in Google’s rankings, anything you can do to optimize your images will more than likely also benefit your SEO.

Quick Solution:

I am always looking for solutions and the best ones are those that WordPress users can implement with the least amount of hassle and frustration. That’s why I’d like to recommend the WP Smush.it Plugin for easy image optimization.

What is Smush.it?

Smush.it is an open source image optimization project offered through Yahoo’s YSlow analyzation for high performance websites and developed according to their best practices for speeding up your website.

Smush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a “lossless” tool, which means it optimizes the images without changing their look or visual quality.

Luckily, this has been made into a plugin for WordPress users. The WP Smush.it Plugin makes image optimization for WordPress as easy as install and activate. After you’ve done this you can check to see the percentage by which your images have been reduced by visiting your WordPress media library.

Benefits of WP Smush.it Plugin:

  • Strips meta data from JPEGs
  • Optimizes JPEG compression
  • Converts certain GIFs to indexed PNGs
  • Strips the un-used colours from indexed images

As a quick test, I went ahead and installed this on a small/medium-sized WordPress site with approximately 80 images contained within posts and pages. I was able to reduce most of the images by approximately 37-53% on average for each.

The only thing I wish the plugin included was a batch processor for retroactively optimizing images that were uploaded before you installed the plugin, because you have to smush the images one by one in the media library, which isn’t very convenient. Once it is installed it will automatically smush images you upload. Other than that small issue, this is a great plugin for optimizing the images on smaller to medium sized blogs or simple WordPress as CMS sites and will offer a boost in performance.

Other Ways to Speed Up Your WordPress Site:

Dramatically Speed Up WordPress/WPMU Load Times With This Simple Tip!
Maximize WordPress and BuddyPress Performance With W3 Total Cache

Featured Plugin - WordPress + Google Maps = Perfect

Simply insert google maps into posts, sidebars and pages - show directions, streetview, provide image overlays and do it all from a simple button and comprehensive widget.
Find out more

Featured Plugin - Send beautiful html email newsletters, from WordPress!

Now there's no need to pay for a third party service to sign up, manage and send beautiful email newsletters to your subscriber base - this plugin has got the lot.
Find out more

Featured Plugin - Open an Online Store with MarketPress

Out of all the WordPress ecommerce plugins available, this has got to be the winner - easy to configure, powerful functionality, multiple gateways and more. A simply brilliant plugin!
Find out more

Featured Plugin - Start your own Quora / StackOverflow / Yahoo Q&A site

It's now incredibly easy to start your own Q&A site using nothing more than WordPress - The Q&A plugin simply and brilliantly transforms any site, or page, into a perfect support or Q&A environment.
Find out more

Featured Plugin - Add bottom corner (or anywhere else) chat to your site

No javascript required, no third part chat engine, just fully featured chat right in your own database on your own WP sites - couldn't be easier.
Find out more

Featured Plugin - Every great SEO tweak you need, in one snazzy bundle

Fully integrated with the SEOMoz API, complete with automatic links, sitemaps and SEO optimization of your WordPress setup - this is the only plugin you need to help you rank your site number 1 on Google - nothing else compares.
Find out more

Featured Plugin - Host sites, get paid, just like WordPress.com

If you've ever wondered how you could offer a paid site management and hosting service, then this is the plugin for you. Offer a freemium or paid service, for any niche you like, it's powered Edublogs.org to success already!
Find out more

Featured Plugin - Start Your Own Powerful Membership Site

If you're thinking about starting a paid, or just private, membership site then this is truly the plugin you've been looking for. Easy to use, massively configurable and ready to go out of the box!
Find out more

Featured Plugin - Turn any WordPress page into a fully featured wiki!

To get a wiki up and running you used to need to install Mediawiki and toil away for days configuring it... not any more! This plugin gives you *all* the functionality you want from a wiki, in WordPress!!!
Find out more

20 Responses to How to Optimize WordPress Images Automatically Without Losing Quality

  1. Sarah,

    I just installed and activated it from the plugin directory. When I hit “save changes” to actually run the program, I got this error:

    “Error! Options page not found.”

    I’m on MU…maybe it doesn’t work with MU?

  2. I have it working on WPMU 2.9.2 without a problem.

  3. Having created an image specific plug-in, http://wordpress.org/extend/plugins/choicecuts-image-juggler/, myself I am aware of how much programming can go into creating something like this. I have to say I am impressed with the potential bandwidth savings this offers. A few questions come to mind though.

    1. What impact will this have on the upload process in terms of memory usage and is there a time lag in relation to uploading images?
    2. With add_image_size since WP2.9 there can be an indefinite number of image size variants – will this plug-in auto update all variants?

  4. i didn’t know that there is a such plugin like this one. i’ve been having a lot of problems with my websites’ images lately. usually i just post my images even if they weigh a lot. how do you know if your website loads slow because of the images? i have a number of images that weigh megabytes but when i check some of my websites it’s running fine (although sometimes it’s not but i assume it’s because of my hosting). just worried about how fast my website runs when it’s visited by other people. thanks for posting this!

  5. Sarah,
    I am also getting the same error as Greg Fielding got during his installation.
    I am having wpmu and buddypress installed.

  6. What version BP and WPMU? Did you activate it sitewide?

  7. BP 1.2.3 and WPMU 2.9.2 and I activated it sitewide
    There is an option in smush.it which says

    When Smush.it suggests converting a GIF to a PNG file…
    option 1:Leave the GIF alone
    option 2:Overwrite the GIF with a PNG

    When I choose option 2 it says
    “Error! Options page not found.”

  8. Pingback: Quick Tip: Add Dynamic Images to Your WordPress Blog

  9. Pingback: Quick Tip: Add Dynamic Images to Your WordPress Blog Cms News Cms News

  10. Pingback: Quick Tip: Add Dynamic Images to Your WordPress Blog | SNS Online

  11. Pingback: Quick Tip: Add Dynamic Images to Your WordPress Blog | Vosoughi

  12. Pingback: wp-coder.net » Quick Tip: Add Dynamic Images to Your WordPress Blog

  13. Pingback: A Free wordpress newsletter » Quick Tip: Add Dynamic Images to Your WordPress Blog

  14. Pingback: Squeeze More SEO Juice From Your WordPress Images

  15. Pingback: Squeeze More SEO Juice From Your WordPress Images | Vosoughi

  16. Pingback: Squeeze More SEO Juice From Your WordPress Images Cms News Cms News

  17. Pingback: Squeeze More SEO Juice From Your WordPress Images | SNS Online

  18. Pingback: wp-coder.net » Squeeze More SEO Juice From Your WordPress Images

  19. Pingback: A Free wordpress newsletter » Squeeze More SEO Juice From Your WordPress Images

Click on a tab to select how you'd like to leave your comment

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Subscribe without commenting