"This Post contains affiliate links; this means we earn commissions if you shop through the links on this page"
If you’re looking for a completely hands-free solution to optimize WordPress images for maximum compression, resize, and speed, you’ve come to the right page.
No doubt, images bring beauty, improve engagements, and life to your WordPress post. But they can quickly increase your blog size and slow down the pagespeed if not properly optimized for the web.
Website performance is a critical aspect of Google search ranking. Since images are part of your website element that can either break or improve page speed.
This is why you need to pay serious attention to your blog post/pages images.
While there are many online image optimization tools today, I advise you to take up an image optimization WordPress plugin for such a task.
It makes the task easier, your job as a blogger more efficient and above all, gives you a completely hands-free image optimization process.
In this post, I will show you how to optimize WordPress images for faster loading without quality loss in the process. This will be done by making use of an automatic WordPress image optimization plugin that handles all the heavy lifting.
So you can focus more on other important tasks such as content creation and marketing.
Why WordPress Image Optimization Plugin?
With an image optimization WordPress plugin, you don’t have to tweak anything around. It’s a matter of upload your images and forget everything else.
It saves you time and images are auto-optimized upon upload to your WordPress blog. Plus, they’re optimized-ready whenever you need the images in your post.
Optimization, image resize, and compression, all done with one powerful image optimization plugin.
Whatever your media file type extension, JPEGs, PNGs, PDFs, GIFs, etc…best image optimizer will compress and optimize the images for faster loading.
So expect nothing less than WordPress performance at it’s best.
Lets’ dive in…
How to Optimize WordPress Images With Imagify
Before we go on, something very important to note here…
As a tradition that I followed strictly on this blog, I try as much as possible to test-drive a product before writing about it on the blog.
This is to allow for accuracy, unbiased review, authenticity, first-hand user experience, and above all, give my audience a complete view of the said product or services.
To this end, I put the Imagify WordPress image optimization plugin to test. I wanted to see how effective and the impact it could bring to page speed in real-time.
So I handpicked a post on this blog with 12 images in it. These are already optimized images with Jet Pack Site Accelerator feature.
I run a page speed test for the post with GtMetrix before using Imagify to further optimized the images on this post.
Here is the before screenshot speed test with GtMetrix…
As you can see in the GtMetrix page speed report above, the exact page fully loaded time is 1.9 seconds.
In online marketing, especially in the eCommerce industry, every second, every mile seconds count. This is why you need to continue looking for ways to better optimizes your WordPress pages.
According to Google/Deloitte, improving page speed by just 0.1s can lead to an 8% increase in conversion.
This is one of the reasons you shouldn’t stop at it, and continue looking for ways to improve page speed.
So after optimizing the images within the post with Imagify, I was able to reduce the page fully loaded time by 1 second.
1 (one) second might not sound like a lot to you at the moment. But think about it this way…
If you can get 50% of your WordPress posts/pages down by 1 second, that could add up to a massive reduction in overall page speed time.
Just think about it…
How to Set up Imagify Account
Imagify offers both an online image optimization tool and the installation of an in-house WordPress plugin.
So if you don’t want to install yet another WordPress plugin, you can use the Imagify online website for all your image optimization process.
Either way, you need an account to start using Imagify for all your image optimization.
So to set up your account, visit the Imagify website and sign up using just an email address and your name. No credit card require. It’s free.
Unless your website uses a lot of images, the free Imagify account with a 25MB monthly plan is enough for most content websites.
But if you require more monthly quota, you can check out the paid plans down the post.
Online Image Optimization With Imagify
For some reason, you may prefer the Imagify online image optimization tool.
This is especially useful for a quick page-level image optimization process. And for other image optimization purposes.
Visit the link above to create an account on the Imagify website.
Imagify provides two optimization methods in the online tools.
You can either upload images from your computer or paste in the URL of a web page contain the images you want to optimize.
There are few settings on the page you may need to consider.
Keep Exifs – If you’re a photographer, you may want to keep the image info like shutter speed, ISO, etc. Therefore, this feature becomes useful, otherwise leave it as it.
Auto Convert PNG to JPEG – This is self-explanatory. Check the box to automatically have your PNG images convert to JPEG upon optimized.
Resize Images – If your project requires specific image sizes, you can do so here. It gives the option to specify values in pixels or percentages.
After the optimization is done, you can now download the optimized images to your computer for use within 24 hours.
On the free Imagify online account, optimized images are available to download for 24 hours and with a 5MB upload limit.
Like it’s WordPress plugin, Imagify provides three levels of optimization in the online mode. You will read about the differences in the optimization level in the section below.
Image Optimization With Imagify WordPress Plugin
If you chose to have your images optimized within your WordPress blog, you need to install and activate the Imagify image optimization plugin.
Like any other WordPress plugin, use the “add new” plugin feature in your WordPress admin menu to start.
Type Imagify in the search bar. The result should return this plugin…
Install the plugin and activate it, and you’re three steps away from running Imagify on your blog. Next, follow the on-screen 3 steps instructions to get started.
You need to create an account on the Imagify website, get your API, and configure the plugin.
Once you’ve create your account, the next thing is to get your API from the website.
Besides your account profile picture, there is a drop-down menu icon to reveal account API, billing, and other related menu settings.
Get your account API from the page that opens, and paste it into the API field on the Imagify setting page on your WordPress blog.
Once you’ve entered your account API in the field above and click the “save changes” button, it will take you to the Imagify settings page.
Here you can do a lot of things to get your images optimized for the web. And make your WordPress blog blazing faster.
Imagify provides three (3) image optimization levels to choose from:
- Normal – Image optimization without any visible changes. Lossless compression optimization.
- Aggressive – Significant reduction in image size with unnoticeable image quality loss.
- Ultra – A little image quality loss but the highest reduction in image sizes.
If you’re unsure which level of optimization you need, use the “Try the Visual Comparison” button as shown in the image above.
It will take you to the test page like the one here…
Here you have the chance to see how your images will look in each optimization level. Thereafter you can return to the settings page to continue with the image setting options.
There are other optimization options you may want to check out. On the setting page, you can choose to auto-optimize images upon upload.
I highly recommend you enabled this option.
This is one of the core benefits of using an automatic image optimization plugin.
Next, you can choose to back up your original images in a separate folder before the optimization process begins.
I just don’t see why you may want to enable this option.
Optimize Image in WebP Format
Imagify gives you the option to serve your images in the WebP format for supported browsers.
WebP is the modern-day image file format that provides great lossless and lossy image compression for web browsers.
For supported users browsers, WebP lossless images format is 26% smaller than the PNG image format. While WebP lossy image format is 25-34% smaller in size compared to JPEG format.
Imagify provides the option to serve your images in this format if the user browser supports it.
Bulk Image Compression And Optimization
If you’re running Imagify for the first time and you have lots of unoptimized images, the bulk optimization feature becomes useful.
This feature lets you launch bulk image optimization at a go. Base on your image sizes, the optimization time will vary.
Once the bulk optimization is in progress, don’t close the browser tab otherwise, the optimization process will terminate.
From your WordPress admin area, hover on “Media” from the side menu and click on “Bulk Optimization“.
Here you can launch the bulk optimizer and with one-click, optimized all the media files in your library.
Media Library and Custom Folder
Imagify auto-detect your blog theme and ask if you’re like to optimize it?
This is a good feature in the image optimization plugin that not commonly found in other related plugins.
If you’ll love to add the blog theme to optimization, just click on the “Add The Themes to Optimization” button, and you’re done.
And you can also use its media library feature to optimize large images to specific maximum pixel width.
The plugin comes with a free plan that may be suitable for a content website. A website not making use of a lot of images in their posts.
But for such a blog as photographer, travel, ecommerce, etc…that uploads lots of images, the paid Imagify plans might be a very good option.
Imagify comes in five different paid plans. Depending on your image size and needs, you can choose between its monthly/yearly plans or one-time plans.
The one-time plans give you the option to run an optimization for bulk images. You only pay once and use it as you like.
You can check out the full Imagify pricing table on this page.
- Optimize JPEG, PNG, PDF, GIFs, and your WordPress theme.
- Bulk optimization available.
- Online image optimization is available.
- Free account available.
- Maximum image optimization.
- Easy to configure.
- Serve images in WebP format.
- 25MB for free account not generous enough.
- Images are stored on your own server.
- No lazy-load feature.
Imagify + WP Rocket + Lazy Load
If you want complete toolkits for your WordPress page speed optimization, combining the three (3) plugins will give users the best of your website experience.
Imagify helps optimize, resize, and compress images so your WordPress images are reduced in size and weight to the barest minimum without quality loss.
While WP Rocket bring the best of caching system to your WordPress blog.
Lazy Load by WP Rocket will delay the loading of off-screen images to load only when they’re visible in the user browser.
In practice, this will reduce the request of the HTTP mechanism and significantly improve page speed.
From experience, Imagify is one of the few WordPress image optimization plugins that truly makes the job easier.
I have tested many image compression and optimization plugins. While there are a few plugins that stand above Imagify in quality, they’re not freemium which makes them only available on the paid plans.
If you’re looking for a freemium image optimization plugin with features that rival paid plans, try Imagify.