Many website owners put focus and effort on writing great post content that they forget about optimizing images. Images make significant part of your site and having WordPress image optimization plugin installed is important step.
When it comes to saving bandwidth and accelerating your website performance, many would suggest you look into your site’s file structure.
Things like scripts, style sheets, HTTP requests your site initiate, the redirects involved and lots of others are commonly recommended to look into.
While all these are indeed recommended, you also need to put into consideration the images you use on your site or blog.
Images are a big part of your website. It’s what attracts readers, and ultimately drives traffic to your website.
If you have high-quality images, then you need to optimize these images for the best end-user experience. This means compressing those images so that they load quicker.
Optimizing images without losing quality is a goal you want to accomplish. Optimized images can make your site’s loading time significantly shorter.
Optimizing is done by reducing the files size of images, reducing the resolution to what is needed and by stripping metadata.
Not only does it help your site load faster, but it can also contribute to boost your rankings in search engines.
Luckily, there are several tools and plugins available that can help you to automate the process.
Before even using these plugins, you should make sure that:
1. Your images are only as big as they need to be
The file sizes of images on your webpage can significantly affect the loading speed of your page.
Unnecessarily large images, with big resolutions, will take up resources, and ultimately will slow down the speed of your page.
If these images can be set to a lower resolution, or compressed to be smaller file size, then this will improve your website.
To do this, images can be compressed, so that unnecessary information is no longer included, such as capture date and type of camera used.
2. Your images are given relevant names
This will boost your SEO. Images with corresponding names will be more likely to appear in search engines.
It will help optimize your post, and directing traffic to your blog. This can be done simply, by adding a keyword into the title of the image.
If these tags are filled with keywords relevant to your article, it will be easier to find on a search engine, as they pick out key words when search the web.
The most commonly used image files are those with the extension JPG.
They’re preferred by many due to the fact that they can apply heavy layers of compression (thus reducing file size dramatically) without a major effect on the end product.
JPGs eliminate redundancies that tend to cause file size bloat. This means they load faster, which is perfect for your visitors and for SEO.
When it comes down to the details, JPGs are not best choice. Compression algorithms applied to JPG images reduce the file size but also affect its quality.
Also, when the image is duplicated or saved, the quality degrades a little bit. The more saves you make, the more image quality declines.
PNG images typically have much larger file sizes and are very high quality. Unfortunately, this means they load slower for users.
They’re lossless though, so you can duplicate and save the image as much as you want without losing any quality whatsoever.
PNG allow transparent backgrounds, making them ideal for icons and logos.
When should you use JPG and when PNG?
Use JPGs for high quality photos and when you don’t need to make a lot of modifications to an image before uploading it.
Use PNGs for photos with text, illustrations, signs, logos, icons, and any image you want to have transparency.
There are no rules for image file size limits, but for the most part I try to keep images under 100kb.
Lossy vs Lossless Compression
Lossy compression mainly analyzes your image and tries to pull out as many similar colors as possible in order to reduce the actual data that creates the image.
This means that it attempts to throw out as much data as it can while keeping the general appearance of the image in tact.
This is very effective in getting smaller images, but the downside is that the final result is often a loss of the visual quality of the image.
Lossless compression does not throw out any of the data that creates the image.
The science of it is really complicated, but the idea is to make an algorithm that represents that image as simply as possible for your browser to recreate. Think of it like creating a zip file.
You take a whole bunch of files and combine them all into a much smaller zip file. But once that zip file is unzipped, all the data is available to you again exactly as it was before it was zipped.
That’s what lossless is doing to your images.
WordPress Image Optimization Before Upload
Besides selecting the right image file type for your situation, you also need to perform some additional compression activities.
That will help speed up your site and make the end user’s experience pleasant.
When compressing images on your computer:
1. Duplicate the file – If you make a mistake, you’ll always have the original to go back to.
2. Reduce the size of the image – Scale it down to your desired size, crop it, and do whatever other modifications you want to make.
3. Compress image with a photo editor – I personally use Photoshop for all my photo editing activities. First I resize my images. When saving I choose option “Save for Web.”
Then you can also increase or decrease image quality (it will influence on image size) and give your image keyword related name.
Here are a few tutorials for GIMP, Photoshop, and Pixelmator to get you started.
WordPress Image Optimization Plugin After Upload
By image compression after upload I mean having installed WordPress image optimization plugin.
There are various plugins available for this. Most popular and widely recognized free image optimization plugins are:
1.WP Smush– WP Smush strips hidden, bulky information from your images, reducing the file size without losing quality.
Installing and activating this plugin means it will compress all images you upload automatically, including those already on your site.
2. EWWW Image Optimizer – The EWWW Image Optimizer is a WordPress plugin that will automatically optimize your images as you upload them to your blog.
It can optimize the images that you have already uploaded, convert your images automatically, and optionally apply lossy reductions for PNG and JPG images.
3. Kraken – This plugin allows you to optimize new and existing WordPress image uploads through Kraken Image Optimizer’s API.
Both lossless and intelligent lossy optimization modes are supported. Supported file types are JPEG, PNG and GIF. Maximum file size limit is 16 MB.
There are many other WordPress image optiomization plugins like Optimus, Image Recycle, ShortPixel, Imsanity, Hammy, etc.
Also, you can do several things to compress your images after you’ve uploaded them to WordPress.
You can just choose one of the preset options before you insert the image into a post. You can usually select from Full Size, Medium, and Thumbnail.
The original image size is still on your site’s server but a smaller version is called up when a visitor views your post, reducing load time.
This isn’t an exact science, however, and you still might end up with some pretty hefty image files.
If you want to prevent WordPress from compressing files or increase how much it compresses files, you can make a change to functions.php in your theme.
You need to add the following to your functions.php file:
add_filter( 'jpeg_quality', create_function( '', 'return 80;' ) );
The number (80) is the percentage level of compression automatically applied to the image.
It’s important to note that following this method won’t compress images you’ve uploaded to WordPress in the past. It’ll only apply to new images.
High-resolution images that are unnecessarily large in file size can drastically slow down page speed.
Why waste resources and time when it’s possible to reduce image size without losing its quality?
EWWW Optimizer runs lossless compression on images that are uploaded to WordPress automatically. It uses several free server tools to perform these optimizations.
These tools are jpegtran, optipng, pngout, and gifsicle. It can either replace or keep a copy of the original uploaded file.
The plugin also features a way to convert files to a different extension, JPG to PNG, PNG to JPG or GIF to PNG, which can yield smaller file sizes.
You can also optimize or bulk optimize previously uploaded images within the WordPress media library.
EWWW WordPress Image Optimization Plugin Review
After installing and activating plugin, you will see a list of tools that you need (jpegtran, optipng, etc.) and their status.
Most hosting companies will probably already have it installed but in case they are not, you can isntall it from EWWW dashboard.
If you are having trouble make sure that your wp-content folder is writable, and then follow the plugin’s installation instructions.
It will basically require you to copy some files from the plugin’s directory to your wp-content folder and then try the installation again.
If no additional steps needed, you will get the message: “All Clear.”
The first section Cloud Settings can be ignored unless you are using EWWW’s paid cloud optimization service.
The next section, Basic Settings controls some global options. You can enable “Remove JPG Metadata” (recommended).
In Advanced Settings, you can further tweak image optimization settings and even activate scheduled optimization.
The last section is Conversion Settings. This is for more advanced optimizations, where you will convert one file to another file type to decrease file size.
You can check the box, next to “Delete Originals” if you want to remove the original files after they are converted.
Then you can choose which type of conversion you want to perform by default.
You’ll be able to make these conversions on an image to image basis from your Media Library.
But if you enable JPG to PNG, PNG to JPG or GIF to PNG conversion then these will occur automatically on file upload.
GIF to PNG is the safest of the three, though this will remove animations from GIF files.
Once everything is set-up, compression will occur each time a new image is uploaded to WordPress automatically.
If you go to Media -> Library you will see a new column next to your images labeled “Image Optimizer.”Here you can see how much each image has been reduced.
If you would like to optimize and image that has been uploaded previously, you can either click the “Bulk Optimize!” link in column, or check the boxes next to each image you want to compress, and then select “Bulk Optimize” from the Actions drop-down.
You can also optimize all of the images in your Media Library all at once, by going to Media -> Bulk Optimize. It will tell you how many images there are to optimize.
After you click the “Start optimizing” button a progress bar will load to show you the status as each image is optimized. The time that it takes will depend on how many images you have.
You can also go to Tools -> Optimize More. This will scan your WordPress install (themes, plugins, BuddyPress, etc.) for images that exist outside of your Media Library.
You can then click the “Start Optimizing” button to compress these images automatically.
The plugin also includes special menus and options for BuddyPress, NextGEN, and the WP Image Editor class so it can be integrated with most, if not all, media plugins out there.
EWWW Image Optimizer Plugin Pricing
This is free image optimization plugin. Pro version is also available.
Pro version makes possible even more loosely compression of images. Requires a $1 upfront payment (which includes 200 credits) and then charges per image:
It doesn’t matter how big the images are, but how many you compress. So if you compress 1000 images it will cost you $5 and 10,000 images will cost you $20.
There is also a minimum charge of $1 a month, but if you don’t use any credits in a given month, you won’t be a charge.
If you use less than 200 credits in a month, your $1 minimum monthly payment will give you credit for the following month.
Image Optimizer WordPress Plugin Final Words
EWWW Image Optimizer is free to download from WordPress plugin repository. It is updated very often with new features and functionality.
Image Optimizer plugin lets you compress images up to 16MB.
Like Kraken and Smush Pro, EWWW can automatically optimize images as you upload them to your site.
It can also optimize existing images and convert images automatically to the file format that will produce the smallest image size.
You can also optionally apply lossy reductions for PNG and JPG images.
Kraken.io has a WordPress plugin which lets you optimize new and existing WordPress image uploads through Kraken Image Optimizer’s API.
You can optimize file types like JPEG, PNG, and GIF. Maximum file size limit is 16 MB.
You can use your Kraken API key and secret on as many sites/blogs as you like. There is no per-site license!
Note: If you wish not to use the plugin, you can still upload and optimize your images online using the Kraken Web Interface Pro. It’s free.
Price: Kraken Image Optimizer plugin requires you to register to use. All plans start out as a free account, which comes with 50 MB of testing quota.
Here are the details of the premium plans:
All plans include access to Kraken’s API, and a web interface where can upload one-off images for quick compression.
The WordPress plugin is listed as included in the plan even though it’s already freely available to download from WordPress.org.
There’s also a Micro plan for $5 a month, which includes 500MB of images per month and each additional GB is charged at $5.
All plans start out as a FREE Account which comes with 50 MB of testing quota. This is the usual Kraken free plan but you might want to look at the Kraken PRO features to make a decision.
Kraken Image Optimization WordPress Plugin Review
Kraken.io is a web service where you send an image file, and it returns a compressed version of the file.
The images can use either lossless or lossy compression algorithms. Many images can be losslessly compressed to remove redundant or unneeded data in the image file.
By sacrificing a small bit of image quality, lossy compression can drastically reduce image file size.
Kraken.io offers a WordPress plugin that intercepts images from the media uploader before they are saved on your server and sends them to the Kraken.io web service to be optimized first.
The plugin also allows you to optimize existing images in your media library that haven’t been processed by Kraken plugin.
Other features include the ability to resize images using one of several strategies prior to optimization. But this you can only do within the web interface, not the plugin.
Installing and activating the plugin is a relatively straightforward process. Like Smush plugin, Kraken keeps things simple and doesn’t offer too much in the way of settings.
When you install the plugin, it adds a settings page to the Settings section in the WordPress admin sidebar.
From there, you can add your API key and secret, choose if you want lossy or lossless optimization, and also allows new uploads to be automatically optimized.
You need to login to your account on the Kraken website to access your API and manage your account and billing details.
The account dashboard provides an excellent overview of your total image compression statistics and average savings, though there’s no way to view statistics for individual images.
After initially signing up for a free account you may realize the 50MB limit on images isn’t going to be enough.
WP Smush is free image optimization WordPress plugin. It also comes in Pro version as a part of WPMU DEV membership.
With a monthly or yearly WPMU DEV membership, you can download Smush Pro along with 150+ other plugins and themes.
It’s also important to point out that you need to have an active membership to use the plugin since it needs an API.
WP Smush WordPress Image Optimization Plugin Review
WP Smush is a WordPress plugin that allows you to optimize images without losing quality. It is very easy to use, and you can optimize your images on the fly as you upload them to your WordPress site.
For your older images you can go to Media » WP Smush to bulk smush 50 images at a time in free version. For beginners, it is an easy and simple way to optimize images and improve site performance.
If you would like to utilize lossy and lossless compression, or backup of original images, you need to have PRO version.
WP Smush Free vs Pro
Smush Pro now lets you smush images up to 32MB. That’s more than enough for most people’s needs.
The backend of the plugin includes options to auto-smush on upload (so you don’t have to smush images individually) and “super smush” for lossy optimization.
This last option promises two times more compression than lossless, with almost no noticeable quality loss.
You can also choose to back up original images, though this will double the size of your uploads directory.
Smush Pro uses WPMU DEV servers to smush images, so you don’t have to worry about additional load on your servers.
The easiest way to install Smush Pro is using the WPMU DEV Dashboard, since you need the dashboard plugin anyway to link your member API to the plugin.
Once installed, the plugin has just one settings page, which you can access from the Media section in the sidebar.
Outside the settings page, you can view compression information and how much you’ve save for each image in the media library.
NOTE: The WordPress image optimization plugin comparison table above might not be up to date as time goes and plugins get updates and changes. For most accurate information, please check official website for each plugin.
If you dont like above mentioned plugins and looking for another solution to optimize and compress images on your website, here are some alternatives to consider:
# ImageRecycle – Image And PDF Optimizer Plugin
I had opportunity to test another great image optimization tool – ImageRecycle.
ImageRecycle comes with essential features like most other image compression plugins for WordPress.
But it also posses its own set of unique features that are not found in many of its competitors.
For more information check ImageRecycle review in which I have compared it with other popular compression plugins.
# Optimus – WordPress Image Optimizer
Optimus is another great free plugin for image optimization. This plugin reduces the file size of uploaded media files.
Depending on the image and format, reductions in size of up to 70% are possible.
During the uploading process of images to the media library, the Optimus plugin simultaneously sends the images to the Optimus server.
Images are then processed and sent back in optimized form. Afterwards, the Optimus plugin saves the image version with a reduced file size in the media library.
The optimization of images is conducted in the background and outside of the view of the user.
The image compression gains per file are displayed by Optimus within the media library in the form of a percentage value.
There are three different versions of Optimus:
More details about the features and the pricing model on optimus.io
Like other cloud-based image optimization services, the ShortPixel optimizes your images on upload.
The ShortPixel WordPress plugin sends the images to ShortPixel’s cloud servers (either automatically when you upload an image or when you use the bulk optimization option).
The cloud service does the crunching based on the settings you’ve chosen in the plugin’s settings panel.
The plugin pulls your image back from the cloud service into your site’s WordPress Media Library, replacing the existing version that’s there (you can choose to keep the original, untouched version as well).
ShortPixel system supports JPG, PNG, and GIF images (including animated), as well as PDF docs.
The WordPress plugin is itself free, but the plugin won’t do anything by itself without connecting to the ShortPixel cloud service, which is where all of the heavy liftings actually happens.
There is a free plan for the cloud service, but it’s limited to only 100 images a month.
That’s not a lot when you factor in the derivative thumbnails that WordPress generates automatically when you upload an image.
For most users, that’s enough to get a sense of whether it’s going to work for you, but unless you post very infrequently it’s probably not going to be enough.
To process more than 100 images a month, you’ll need to buy credits. There are two ways to do that: through a monthly subscription or with a one-off purchase of a credit bundle.
Taking into consideration options and features available, EWWW is best free image optimization plugin for WordPress.
But if you need simple image optimization plugin to compress your images on upload without too many setting you will never use, then I recommended WP Smush or Optimus.
If you decide to go for Pro versions, I would pick EWWW Image Optimizer or Image Recycle if you intend to use it on one or more sites.
What about % of image optimization? Which plugin shows best optimization results?
I haven’t tested this. I only made comparison based on price and features. For compression success read this post (though it doesn’t take WP Smush into consideration).
If you’re concerned with your site’s load time, focusing effort on optimizing your images is way to improving site load and visitor’s experience.
Have you used any of above-mentioned plugins? What are your favorite tools for WordPress image optimization?
Let me know in the comments below! If I made any mistake feel free to correct me.
Hello, my name is Matija but everybody calls me Kasa. I started this site to earn lots of money so that I never have to work again. Just lay down on a beach, drinking cocktails day after day while hot, beautiful chicks fight for my attention.Ok, now seriously. I love making websites, especially in WordPress. Hope reading content on this site you will find helpful tips, tutorials, comparisons, and product reviews for your business.
I would like to add some value to this post. Recently I came across a very nice WP plugin. The new bloggers flood their blog with all the high-resolution images to make it nice and attractive. But for the matter of fact, that reduces the speed of the website and it takes a lot of time to load which hampers the user experience.
Use ‘wp smush’ to reduce the size of images and keep the quality good. The free version will allow 50 images to smush at a time, then you need to start the process again for next 50 images. Premium version will take this restriction off.
Hope this one of the nice ways to optimize an image.
Yes, WP Smush is taken into comparison along with EWWW and Kraken.
Thank you for the great comparison of image optimization plugins. I was searching best image optimization plugin for my site. I think I will go with free version of WP Smush.
I am glad this post was of help to you John.
These are pretty good, but not perfect. I tried a lot of plugins but they all kill the quality of the images when optimizing, that is why the best solution is this: http://www.paintshoppro.com/en/pages/image-optimization/ It is very simple to optimize, and the quality of the images stays intact.
I agree. You do lose some quality. On some images it is significantly seen.
For photographers showcasing their photos this is very important. That is why some plugins have backup option like Image Recycle.
If you feel image quality was decreased you can always restore original image.
Current ye@r *
Leave this field empty
Add me to your weekly newsletter!
Send this to a friend