This section would help you compress images on your website. We would be seeing how we can easily compress images through the use of two free plugins. However, one may be enough for you and ill tell you the features of both of them to help you decide which one would work best for you.
Start with going to plugins section on your dashboard and then click “Add New”.
Search for “compress images”.
There are many good plugins such as Smush Image Compression and Optimization. However, they usually have a free and a premium version. But obvious the free version would have limitations.
Smush free version only allows a maximum of 1 MB size per image. The same goes with Short Pixel and Imagify plugins which gives you 100 MB and 25 MB per month. So, we will skip all these freemium plugins.
The plugin which we are going to use is “Compress JPEG & PNG Images” from TinyPNG which allows 500 image compression per month. Technically, this plugin offers the best image compression possible.
The second plugin which I am going to show is the “EWWW Image Optimizer”. Although. It may not provide maximum compression compared to the TinyPNG plugin, but it offers the highest customizability and can be beneficial for those who need to keep the EXIF data.
Which One Should I Use?
The Tiny plugin compressor uploads the images on their own server before compressing and saving them on your server. So, if you are worried about your private images you can skim this plugin and instead use the EWWW one.
However, as mentioned above, the compression capability of the TinyPNG plugin is unmatched.
EWWW plugin works best for people who like to customize their settings.
But for general users, who are looking to optimize their page speed, I recommend going with the TinyPNG plugin.
Compress JPEG & PNG Images by TinyPNG
After installing and activating the plugin, go to Settings located under the title of the plugin on your Plugins page.
When you install for the first time, you need to register with your name and email. After entering your details, you would need to activate the plugin through an email sent to your mail. Enter the API key to validate your account activation.
- There are three image sizes: Thumbnail, Medium, and Large size. You can even change the preset size of the images or leave it to WordPress defaults.
- Under Uploading Files, you can organize your files into a month and year-based folders.
- File Compression: Most of the freemium plugins like WP Smush and Short Pixel lacks this feature of resizing and compressing the original image, whereas this free plugin offers you to compress the original image.
You can check the box if you want to resize the original image.
As you select more options, the number of images that can be compressed gets reduced, because each of these options generates one more image which leads to multiple image compression for each image you upload. And that’s why the number of images that can be compressed for each month gets reduced.
Click “Save Changes” after you have checked all the options you want.
That’s all the basic configuration we need.
To start the optimization process, go to Media on the left side of your WordPress Dashboard and click on “Bulk Optimization”. Alternatively, you can go to plugins and choose Bulk Optimization under Compress JPG and PNG images from TinyPNG.
You will get details of the total uploaded images and the uncompressed images. To start compressing all your images, click “Start Bulk Optimization”.
It will upload the images on their own server and then back to your server.
After the image compression process is complete, you would notice the percentage of savings you made.
I recommend this plugin for those whose primary target is page load speed.
EWWW Image Optimizer
This plugin is for those who primary is to get more customizability option rather than page speed optimization.
After installing and activating the plugin, its time to configure the plugin.
Go to setting under the plugin title.
You need to see the plugin status, which should display “all clear”. This is a must to use this plugin.
- Basic settings:
You don’t need to use cloud optimization, rather you can just use your own server optimization.
JPG optimization level: Choose lossless compression. This is the only option available. However, under the TinyPNG plugin, it compressed all the images with lossy compression. That’s why it can optimize your images further.
Click on “Save Changes”
- Advanced Settings Tab: The customizability features of this plugin begins here. For example, you can schedule optimization and you can also opt to include Media Library folders or chose to ignore some folders.
Check the “Resizing Existing Images” to resize all the existing media images.
Another option allows you to choose to skip small images or to skip large PNG images.
Save your changes before proceeding to Conversion settings.
- Conversion Settings: You may opt to delete the original files after successful conversion to free up space on your server. Although this plugin, allows you to convert between PNG and JPG images, I recommend skipping them as they may consume a lot of CPU resources.
- WebP settings: When you check the checkbox of JPG/PNG to WebP, all the images would be converted to another format called WebP. But the original files are not deleted. Because if the user’s browser does not support this WebP format then the original JPG or PNG file format is served.
Click “Save Changes”.
That’s all we need.
As mentioned, many times, the EWWW Image optimizer is for advanced users, and I recommend using the “Compress JPEG & PNG Images by TinyPNG”.