Check information about Image Optimization In WordPress: Beginner Guide And Plugins Review on WordPress optimization Help Article section of e akhabaar.
Benefits of image optimization and guide how one can speed up a WordPress site just by optimizing images.
Advantages of Image Optimization
- Consume less bandwidth and storage space
- Reduces page size
- Faster loading times
- Boost SEO because of the fast loading pages
- Saves mobile data plan for you and your visitors
Use Correct File Format for Images
Before we start, we need to understand the image file formats properly so that one should know which file type to be used for a particular image. There are three image file formats used widely.
- JPG: JPG or JPEG images are used for realistic images and photographs.
- PNG: PNG images come in handy for line-art, text-heavy images, and images with few colours.
- GIF: GIF is a good choice for storing line drawings, text, and iconic graphics.
Optimize Image Before Uploading to WordPress
Let’s start from the very initial step that is creating images. It is always recommended to optimize images before uploading it to a WordPress site. You can use tools like Photoshop. If you are not familiar with Photoshop, you can use a desktop tool RIOT, which will reduce the image size or any online tool like TinyPNG, Kraken, Optimizilla, and Compressor.
From our experience, Optimizilla works best in terms of quality and file size. It produces the best optimization, outputs minimum file sizes. The only disadvantage of Optimizilla is it has only lossy compression.
Kraken and Compressor have similar output. Both of them offers lossy and lossless compression. The output file size is not as good as Optimizilla, but still good.
TinyPNG may be the worst in the list as it produces larger file sizes.
Best Plugins to Optimize Images on WordPress
WordPress powers more than 33% of the web. Thanks to its contributors and developers to provide a solution for almost every requirement. There are a number of image optimization plugins available on the Internet. In today’s article, I’m going to compare 3 different free image optimization plugins for WordPress.
- WP Smush
- EWWW Image Optimizer
- TP Image Optimizer
WP Smush is one of the products developed by the team at WPMU Dev. It is an award-winning plugin beating the other top image optimization plugins. Previously, it was part of their yearly subscription but a few weeks ago, they made it completely free for WordPress users.
With WP Smush you can easily resize, compress, and optimize images regardless of which WordPress media library folder they exist. It scans every image you upload, or you have already have uploaded images to your site. It has the power of removing unnecessary data and scales it before adding it to the media library.
While everything seems to be perfect, there are 2 things that we don’t like from WP Smush:
- The free version allows to optimize images under 1MB. While it’s fine in most situation, it won’t be useful if you need to optimize high-quality images.
- There are no options for selecting lossless or lossy compression. So, we assume it only allows lossy compression.
EWWW Image Optimizer
EWWW is one of the leading image optimizer plugins within the WordPress repository. It will automatically optimize new images that you upload and it can also optimize previously uploaded images. Not only this, EWWW allows you to convert images to the best file format optionally.
EWWW is totally free. But it provides only lossless compression for JPGs (for PNGs, it offers both lossless and lossy compression). To be able to use lossy compression for JPGs, you need to register a paid plan on their website.
In this test, we just use the free plugin with lossless compression.
TP Image Optimizer
Let’s not leave the newest plugins in the market. TP Image Optimizer is one of the growing image optimization plugins. It is the product of folks at ThemesPond. Just like other plugins, it also optimizes, compresses, and reduces the image size.
TP Image Optimizer has a nice dashboard. While it’s very beautiful (with a graph to show you the statistics), we don’t think it benefits users much.
One disadvantage of the plugin is it doesn’t automatically optimize images when uploading. You need to go to the dashboard and press the “One click optimize” button.
TP Image Optimizer doesn’t say clearly on its settings page which type of compression it uses (lossless or lossy). But it provides some levels: low, medium, high and very high. So we assume it uses lossy compression.
In this test, we use a very high level.
ShortPixel is an easy to use, lightweight, install-and-forget-about-it image optimization plugin that can compress all your past images and PDF documents with a single click. New images are automatically resized/rescaled and optimized on the fly, in the background.
ShortPixel provides 3 options for compression: lossy, glossy and lossless. In order to use ShortPixel, you have to create an account on their website. The free account allows you to optimize 100 images/month. And there’s no file size limit.
Example of an Image Optimization For WordPress Result
|Plugin||WP Smush||EWWW (Lossless)||TP (Lossy)||ShortPixel (Lossless)||ShortPixel (Glossy)||ShortPixel (Lossy)|
Looks like ShortPixel is the best WordPress image optimization plugin, in both lossless and lossy test.
Why Use Lazy Load for Images in WordPress?
Use a Lazy Load plugin in which images will only be displayed when they are visible in the browser. This will reduce the initial page size as images will be loaded when the user scrolls down the page.