Jan 282015
 

Optimize Images Using EWWW Image Optimizer Plugin shows you how to set up a special effect on the first letter of your content.

Last Updated: February 12, 2017

Latest News: I have changed some of the wording.

Nowadays many are spending plenty of time in making their WordPress websites fast for SEO purposes and to keep Google happy. One area that some keep forgetting is to Optimize their images. I hope my instructions here can help you.

I chose EWWW Optimizer Plugin, which is developed by nosilver4u in wordpress.org. He does a superb job at updating the plugin, managing the support forum and fixing any known bugs.

Information: These instructions are based on the EWWW default settings. I did not make any changes to the default settings when I installed the plugin. You might choose to make changes to the settings for optimizing your images.

What You Need:

Optimize Images Using EWWW Image Optimizer Plugin Steps

Step 1 ) Install and activate the plugin like you normally do in WordPress.

Important: Be advice that the moment you activate the plugin all images loaded to your WordPress website will be optimized in accordance to your settings.

Step 2 ) Go to Settings -> EWWW Optimizer Plugin to set up and configure the plugin. You can set up the following options. See image below.

  • Cloud Settings
  • Basic Settings
  • Advanced Settings
  • Conversion Settings

Remember: I made no changes to the default settings for this tutorial.

optimize-images-using-EWWW-image-optimizer-plugin-menu

Step 3 ) The following image Media shows you the menu structure when you log in as admin. The following option is added when you activate EWWW Image Optimizer plugin.

  • Bulk Optimize

optimize-images-using-EWWW-image-optimizer-plugin-media-new

Step 4 ) The following image shows you the two images above optimized while the plugin was active. You can see a huge reduction in size, almost 50% in both images. This will definitely speed up your website or webpage when it loads up on the browser.

  • First image reduced by 47.7%
  • Second image reduced by 49.0%

optimize-images-using-EWWW-image-optimizer-plugin-size-reduced

Step 5 ) I deactivated the plugin and uploaded an image, the image size is 8.21 kb. After the image was uploaded I activated the plugin. You can see in the following image that it needs to be optimized.

This is only one image, imagine if you have more than 2 thousand images. That would add a huge load to your website plus your backups would be larger in size.

Information: I only activate this plugin once I have uploaded the images. You might like to have the plugin active all the time.

Image Optimizer

  • Not processed
  • Click on Optimize now! link to optimize the image

optimize-images-using-EWWW-image-optimizer-plugin-need-optimize

Media Library

Step 6 ) The following image shows you another option in the drop down menu under Media. This allows you to select more than one image to optimize which can come in handy if you have many to optimize. Select your images to optimize, then click on the down arrow. Select Bulk Optimize from the drop down menu and then click on Apply button to start the process.

optimize-images-using-EWWW-image-optimizer-plugin-bulk-optimize

Step 7 ) The following image displays the Bulk Optimize options from the above process. You can see two images selected. Click on Start optimizing button to begin to optimize.

optimize-images-using-EWWW-image-optimizer-plugin-start-optimize

I have shown the basic and most simple way to optimize your images using this great plugin. Remember this plugin has more settings that allows you to carry out more options even to convert images from one file format to another file format.

If you have any questions please let me know. I will be updating this from time to time. So keep coming back for the latest post.

Enjoy.

Manuel Ballesta RuizManuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

 Leave a Reply

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=""> <s> <strike> <strong>

(required)

(required)