The Home of the Security Bloggers Network
Home » Security Bloggers Network »
Fast-loading pages will give users a better experience when browsing your website and improve your website’s search engine ranking. Whilst many factors can contribute to a page loading slowly, images tend to have the greatest effect on page speed, representing around half the total size of the average web page.
The HTTP Archive State of Images report shows that the median number of image requests on a web page is 25, contributing to a median weight of 988.5 KB on desktop browsers and 881.9 KB on mobiles. The total weight of images on web pages continues to grow each year, nullifying any benefit of internet speeds getting faster over time.
If you have ever used a website performance tool such as GTMetrix, Google PageSpeed Insights, or Pingdom Website Speed Test, you’ll know first-hand how much images can hurt your performance score. It is therefore important to optimize every image that is displayed on your website so that the total footprint of images does not increase page loading times.
In the past, each image had to be optimized using a photo editor before it was uploaded to WordPress as the core version of WordPress does not provide any performance tools. Thankfully, this time-consuming task is no longer necessary as WordPress image optimizer plugins now do the hard work for you, automatically compressing every image uploaded to your WordPress media library.
To help you improve your website’s page loading times, I am going to explain how WordPress image optimization works and compare the best WordPress image compression plugins available.
The overall goal of WordPress image optimization is to reduce the size of image files without noticeably affecting their quality. This can be achieved in a number of ways.
Although image optimization plugins for WordPress offer different features, they do generally work in a similar way.
When it comes to compressing images, you can choose to compress images manually or automatically compress images as soon as they are uploaded. Bulk compression can be used to optimize your whole WordPress media library. This is a practical way of reducing the file size of previously uploaded images, but be aware that this can slow down your WordPress website temporarily if too many images are processed directly on your website at once.
Images can be optimized using Lossless or Lossy compression. With lossless compression, unnecessary metadata can be removed from the image in order to reduce its file size, though the original image quality is maintained. It is also possible to store the removed metadata and restore the original image later.
Lossy compression is more aggressive. This leads to smaller file sizes, but also means that image quality is reduced. Once an image is compressed using lossy compression, it cannot be restored to its original quality. Metadata can be preserved in the image if you wish, but it cannot be retrieved later if it is removed. Thankfully, many WordPress image optimizer plugins have addressed this problem, allowing you to retain the original image so that it can be restored later.
There are pros and cons to each compression method, though lossy compression is favored by most website owners as it offers the largest reduction in image file sizes and therefore the biggest improvement in page loading times. Image optimization plugins for WordPress may let you control how much compression is applied when you use lossy, but be mindful of the fact that heavy compression will lead to a bigger loss in image quality.
Popular WordPress image compression plugins provide a number of additional tools to reduce the weight of images on page loading times.
One of the biggest developments over the last few years has been the adoption of Google’s WebP image format, which is now supported by over 95% of internet browsers. Google state that this image format provides superior lossless and lossy compression, with WebP images being 26% smaller than PNG images and 25-34% than JPEG images.
At the time of writing, it is unfortunately not possible to upload or view WebP image files in WordPress, so you need to upload JPEG and PNG images and convert them using an image optimization plugin or a WebP conversion plugin such as WebP Converter for Media. On my personal blog, I have been displaying WebP images in articles using Cloudflare’s Polish image compression tool, which compresses images on Cloudflare’s servers.
Other image formats you may see referenced are AVIF and JPEG XL, though there isn’t great browser support for them at this time.
It’s time to take a closer look at what I consider to be the best WordPress image optimizer plugins on the market today: Smush, EWWW Image Optimizer, Imagify, Optimole, ShortPixel, WP Compress, and TinyPNG.
To help demonstrate how file sizes can be reduced using each plugin, I have compressed the same JPEG image and PNG file using lossless and lossy compression (wherever possible).
A factor I will also look at later in this article is cost. Most WordPress image optimization solutions are released under a freemium model so you should expect the core version to be restricted in some way. Whilst some optimization plugins limit features, it is also common for the number of image compressions to be limited. Therefore, you may have to pay a monthly fee in order to use your preferred image optimization solution long-term.
Testing image optimization performance fairly is difficult as available configuration options vary between different solutions and between the free and premium versions of each plugin too. Therefore, I performed my tests using the free version of each WordPress plugin as they are more widely used. To comply with the max file size upload that some solutions have, both test images were resized to 2,000 pixels before uploading to WordPress. Metadata was stripped from images during every test too.
Let’s look at how the free version of each WordPress image compression plugin performed.
These image tests help demonstrate how each solution handled my sample images, but please remember that this type of comparison is far from conclusive as each solution applies a different level of compression. It is also difficult to analyze the quality of compressed images and draw a fair comparison between them.
For a better understanding of these WordPress plugins and how these results were calculated, please read on 🙂
With over one million active installations, Smush is currently the most popular image optimization plugin for WordPress on the internet. The plugin has great support for lazy loading and its bulk optimize tool can compress up to 50 images at once from your WordPress media library or from image directories outside the WordPress uploads directory. There’s also a cool feature that detects images that are too small or large for their container.
PNG, JPEG, and GIF image file up to 5 MB in size can be compressed free of charge in Smush. All images are optimized using lossless compression and can be resized to your a preferred maximum width and height. Annoyingly, the full-sized version of the image is not optimized unless you upgrade, so only thumbnail images are compressed.
Smush’s optimization restrictions mean that I was not able to compress the full-sized versions of my test images. Only my image thumbnails were compressed by Smush. Since WordPress 5.3 introduced new thumbnail sizes of 1,536×1,536 pixels and 2,048×2,048 pixels, the largest thumbnail generated for each test image had a width of 1,536 pixels.
I had to use a workaround to test Smush fairly, comparing the original image thumbnails WordPress generated before Smush was activated with the compressed thumbnail image that Smush processed.
The results showed that Smush was able to reduce my JPEG thumbnail image by 5.6% and my PNG thumbnail image by 13.3%
Despite being free to use, I found the free version of Smush too restrictive as you can only compress thumbnail images and its lossless compression did not reduce image file sizes significantly. Thankfully, Smush Pro addresses these issues.
Smush Pro has no restriction on image file size and its bulk optimization tool allows an unlimited number of images to be compressed in one click. Original images can also be saved and there’s support for WebP files and a “Super Smush” tool that offers twice as much compression (i.e. lossy compression). Another selling point is Smush Pro’s Content Delivery Network, which gives you 10 GB of monthly bandwidth to deliver images from 45 locations around the world.
A single license for Smush Pro retails at $60 per year, which is an effective rate of $5 per month. If you prefer, you can pay monthly at $6 per month and there are additional plans that also give you access to other WPMUDev WordPress plugins.
Pros of Smush
Cons of Smush
EWWW Image Optimizer is a WordPress plugin I know well as I have been using it on my own websites for a few years. It’s one of the best free WordPress image optimizer plugins to use as it has no restriction on the number of images that are compressed and no restriction on the size of images that are uploaded.
EWWW Image Optimizer supports compression of JPEG, PNG, SVG, and GIF images. Images can be resized and can be converted to other image formats such as WebP. The bulk optimizer tool can process an unlimited number of images and original files can be kept after compression. You can also schedule optimization and optimize media outside of WordPress by specifying the server path of the directory.
The core version of EWWW Image Optimizer offers lossless compression for JPG, PNG, and GIF images, which the developers call Pixel Perfect. A lossy compression mode called premium is also available for PNGs free of charge.
I was able to reduce my JPEG and PNG test images by 3.8% using lossless compression, though lossy compression was able to reduce my PNG image by 49.6%.
I saw bigger file reductions by converting images to WebP. It reduced my JPEG image by a whopping 87.9% and my PNG image by 53.8% when I used lossy compression.
Their CDN has locations in the USA and in Europe, with 200 GB of bandwidth being offered to single license users. The $15 per month license not only allows usage of EWWW Image Optimizer Pro on ten websites but also unlocks global CDN delivery and 400 GB of bandwidth.
Pros of EWWW Image Optimizer
Cons of EWWW Image Optimizer
Imagify is a WordPress image optimization service that was created by the developers of the WordPress caching plugin WP Rocket. The plugin allows you to convert JPEG, PNG, GIF and PDF file formats.
In order to use the Imagify WordPress plugin, you need to create an account with them and enter the provided API key in the plugin settings area.
Imagify has adopted a simplified user interface that displays all settings on one page. This approach will appeal to many website owners, but advanced users may feel restricted by the lack of configuration options available.
There are options to automatically optimize images on upload, keep original images, strip metadata and exclude thumbnail sizes from optimization. Images can be resized to a specified maximum width and you can select images from custom folders to be optimized. Imagify also supports the WebP image format and can deliver WebP images from a content delivery network.
Bulk optimization can be performed on a separate page. It’s a quick way of applying your preferred compression level to all images within a directory.
Imagify offers three compression options: Normal, Aggressive and Ultra. Normal uses lossless compression, whilst aggressive and ultra use lossy. The developers note that the difference in quality using the aggressive mode is barely noticeable, but do warn that the ultra mode may show image degradation.
The cool thing about Imagify is that you can re-optimize an image using a different compression setting at any time. You can also use Imagify’s image comparison tool to compare the quality of a compressed image with the original image.
Unfortunately, Imagify limits file uploads in free accounts to only 2MB, so I had to reduce my JPEG image width from 2,000 pixels to 1,350 pixels in order to test my JPEG file. Using this smaller image, lossy compression was able to reduce the image file size by 39.9%, whilst lossy compression reduced it by 85% and 85.6%
With my PNG image, lossy compression reduced the file size by 10%. When I selected lossy compression instead, the savings increased to 68.6% and 70%.
Imagify’s free plan is far from generous. In addition to limiting file uploads to 2MB each, it only gives you an allocation of 20 MB of compressions per month and you will be charged $8 per additional GB over your allocation. They advise that 20 MB is suitable for 200 images, but I believe 40 to 50 images is a better estimate.
Their growth plan retails at $4.99 per month. It allows 500 MB of compression every month and charges $5 per additional GB over your allocation. The $9.99 per month infinite plan allows an unlimited number of compressions.
Pros of Imagify
Cons of Imagify
Optimole is a cloud-based WordPress image optimization plugin that compresses images on the fly and then delivers the correct image to users based on the device they are using. The company uses Amazon’s content delivery network Cloudfront to serve images to visitors from over 225 locations across the globe.
All image types are supported by Optimole. Images are also delivered in WebP format if a visitor’s browser supports it, though the image will still use the original file extension.
Like Imagify, you need to create an account with Optimole in order to use their service. Their free plan gives you full access to their service as long as you do not exceed 5,000 monthly visitors across your websites.
Once you have entered your account API key, you will see Optimole’s settings page in the WordPress Media menu. Here you will see options for scaling and lazy loading, image resizing, and smart image cropping. There are also options to replace all image URLs with optimized image URLs and to offload all images to Optimole’s server. Images can be excluded from optimization too.
You will not see any reference to lossless or lossy compression. Instead, Optimole lets you set image quality for all images between a value of 50 and 100. The presets for Low (55), Medium (75), and High (90) image quality, will give you an idea of where to begin.
On the main Optimole website, you can resize images, apply filters and make adjustments to brightness, contrast, and saturation. Watermarks can also be applied and there’s a dedicated metrics page for viewing traffic stats.
Optimole’s adaptive delivery ensures images load quickly for all visitors, regardless of what device they are using. As images are delivered dynamically, Optimole does not show how much a particular image file has been reduced. So in order to see how images are compressed, I set the image quality to the predefined low, medium and high settings. For each setting, I viewed my test images on a desktop browser and downloaded the files to my computer.
The results for JPEGs were impressive. Image quality still looked OK using the low setting and it reduced the file size by 91.6%. Using the medium and high settings, the image file still dropped by 88% and 70.7%, respectively.
With my JPEG image, Optimole changed the quality of the image as soon as I reloaded the page. Unfortunately, this did not happen with my PNG image, with the optimized file being 182 KB in size whatever image quality setting I chose. I spent over an hour changing settings and re-uploading the image, but the result was always the same.
All Optimole users can use the full service and deliver images on the fly from Amazon Cloudfront, but each plan is limited by the number of monthly visits their websites receive. As the free plan allows 5,000 monthly visitors, it may be suitable for small websites.
For $22.90 per month, the starter plan will increase your limit to 25,000 monthly visitors. The price drops to an effective rate of $19.08 per month if paid annually. The business plan increases your limit to 100,000 monthly visitors and permits you to serve images from your own custom domain. It retails at $47 per month or an effective monthly rate of $39.08 if paid annually.
Pros of Optimole
Cons of Optimole
ShortPixel is a cloud-based WordPress image optimizer plugin that supports JPG, PNG, GIF, PDF, WebP, and AVIF file formats. In addition to lossless and lossy image compression, ShortPixel also offers an image compression option in the middle which they call “Glossy Compression”. This is simply their marketing term for lossy compression that is not too aggressive.
You will need to create an account with ShortPixel to use their service. When you sign up, you will automatically opt into their free plan, which allows up to 150 images to be compressed every month.
From the plugin settings area, you can choose to strip metadata, optimize thumbnails, resize large images and keep a backup of original images. There are also options for optimizing images from non-WordPress directories, converting PNGs to JPGs, and excluding thumbnail sizes. WebP and AVIF versions of images can be created too, but be aware that ShortPixel charges an additional image credit each time you do this.
If you enter your Cloudflare API key, ShortPixel will update the stored image on Cloudflare’s cache whenever you optimize or change the image. This saves you from having to clear your Cloudflare cache manually.
The ShortPixel service also offers an adaptive image service. This allows you to display optimized WebP and AVIF images on the fly from locations across the globe, with each image being correctly resized for the visitor’s device. ShortPixel Adaptive Images is actually an alternative solution to the main service so you need to sign up for a separate plan and install a separate WordPress plugin to add this functionality to your website. Their free adaptive image plan includes 750 MB of CDN traffic every month.
As ShortPixel allows you to retain the original image file, you can re-optimize an image using a different compression level at any time.
Apart from lossless, the file reductions were impressive across the board. The biggest saving came from using lossy compression, which reduced my JPG image by 93.4% and my PNG image by 67.3%.
WebP images were only slightly larger than lossy images, but image quality was noticeably better.
ShortPixel’s premium monthly plans are highly competitive. Their cheapest plan allows 10,500 images to be compressed every month. It retails at $4.99 per month or an effective rate of $3.99 per month if paid annually. If you don’t want to commit to a monthly plan, you can buy one-off image compression packages. It only costs $9.99 for 15,000 images and $19.99 for 45,000 images.
A separate plan is required for ShortPixel’s adaptive image service, though the pricing structure is identical. 53 GB of monthly CDN traffic costs an effective rate of $3.99 per month. Alternatively, you can pay a one-off fee of $9.99 for 50 GB or $19.99 for 150 GB.
Pros of ShortPixel
Cons of ShortPixel
WP Compress is an automated WordPress image optimizer plugin that has two optimization modes. Local Mode will compress images from the WordPress media library locally, whilst Live Mode delivers images to devices using WebP image files from a global content delivery network. Both modes support lazy loading, retina images, and adaptive images so that images are optimized for each device.
Unfortunately, no free plan is available for WP Compress, but when you create an account you will be opted into a seven-day trial to test the service.
From the main WP Compress dashboard, you can switch between optimization modes, view compression stats, and enable retina images, adaptive images, WebP images, and lazy loading. A separate page is available for bulk image optimization.
WP Compress offers lossless compression and two lossy compression modes called Intelligent and Ultra. In my tests, the Ultra setting was able to reduce the size of my JPEG image by 89.1% and my PNG image by 48.3%. Intelligent compression was just a little behind, at 87.2% and 44.6%, respectively.
Image file savings for lossless compression were surprisingly high, reducing my JPEG image by 81.2% and my PNG image by 43.1%. These savings are inconsistent with other lossless compression results, which suggests it wasn’t true lossless compression.
WebP files were larger than those compressed using lossless and lossy compression modes.
For $9 per month, the WP Compress personal plan allows 100,000 images to be optimized every month across five websites. If you upgrade to the $29 per month professional plan, your allowance increases to one million images across 25 websites.
Credits can be purchased if you do not want to sign up for a monthly plan. For a one-off payment of $29, you can compress 50,000 images and generate one million image requests from their content delivery network.
Pros of WP Compress
Cons of WP Compress
TinyPNG is a simple WordPress image optimizer plugin that can optimize JPEG, PNG, and WebP images. It’s the official WordPress plugin of the popular optimization tool with the same name.
You will need to create an account with Tinify in order to use TinyPNG. Once you are signed up, you are eligible for 500 image compressions per month with their free plan.
New images can be automatically compressed in the background or during upload. If you prefer, you can manually compress images.
The original image and its associated thumbnails can be optimized. You can also resize the original image and select which metadata information is retained. Please be aware that if you compress the original image, the compressed image will overwrite the original file.
A separate page is available for bulk optimization which highlights the compression savings you have made so far.
TinyPNG uses lossy compression, but it does give you any control over the level of compression. The developers advise that on average, JPEG images are compressed by 40-60% and PNG images by 50-80%.
In my tests, TinyPNG reduced my JPEG image by 86.3% and my PNG image by 55.3%.
Image compressions can be paid as and when you need them. This pay-as-you-go system will suit many smaller websites as the first 500 image compressions per month are free, but please remember that each thumbnail image you compress will also be counted towards your monthly allowance.
After 500 compressions, it costs $0.009 per compression for the next 9,500 compressions and then $0.002 per compression for the next 10,000 compressions. For example, it will cost $4.50 for 1,000 image compressions, $40.50 for 5,000 image compressions and $85.50 for 10,000 image compressions.
This pricing model makes TinyPNG an expensive solution if you’re compressing thousands of images every month.
Pros of TinyPNG
Cons of TinyPNG
The days of getting away with a slow-loading website are over. You now need to give desktop and mobile visitors a fast browsing experience or your traffic is going to drop.
Whilst the core version of WordPress does not include any performance tools, you’ll find hundreds of performance and optimization WordPress plugins online that will help improve your page-loading times. WordPress caching plugins and minification tools are highly effective in creating static pages and reducing the size of pages, though you’re never going to have a fast website unless you optimize your images.
Here’s a quick overview of the WordPress image optimizer solutions that have been featured in this article.
Unlimited image compressions for only $5 per month makes Smush Pro one of the most affordable solutions available.
The premium version offers multiple lossy compression modes, performance tools and image delivery via a content delivery network.
Their free plan is only suitable for testing how Imagify works.
Performance is incredible and the whole process is automated.
Unfortunately, no free plan is available for WP Compress, but there is a seven-day trial to test the service.
Next 9,500: $0.009
The pricing policy of TinyPG makes it an affordable solution for small website owners, but an expensive option for everyone else.
I encourage you to test multiple image optimizer plugins for WordPress to see which one suits your needs best.
During the research of this article, I tested all of the above WordPress image compression plugins. There are pros and cons to each one and depending on the website you are optimizing, you may favor one solution over another. So you will need to consider functionality, budget, and image performance.
To help me draw a comparison, I used the same two images for all of my image tests. Please be aware that these results would have been different if the images had different file sizes and resolutions, which is another reason why it is important to test each WordPress plugin yourself.
The post The Best WordPress Image Optimizer Plugins in 2021 (Tested and Reviewed) appeared first on Malcare.
*** This is a Security Bloggers Network syndicated blog from Malcare authored by Kevin Muldoon. Read the original post at: https://www.malcare.com/blog/best-wordpress-image-optimizer-plugins/
The Home of the Security Bloggers Network