Image Optimization In WordPress: Beginner Guide And Plugins Review

We all know the fact that WordPress is lesser known for speed. One should put some efforts to boost the performance of a WordPress site. There are a number of ways to do so, one of them is to optimize images in WordPress.

According to a research, you have only 7 seconds to grab the attention of a visitor. If got, there is a chance that he will be the recurring visitor. If not, he might not visit a site again EVER!

Today, I’m going to let you know the benefits of image optimization and guide how one can speed up a WordPress site just by optimizing images.

image optimization in WordPress

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.

  1. JPG: JPG or JPEG images are used for realistic images and photographs.
  2. PNG: PNG images come in handy for line-art, text-heavy images, and images with few colors.
  3. GIF: GIF is a good choice for storing line drawings, text, and iconic graphics.

Optimize Image Before Uploading

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, that will reduce the image size or any online tool like TinyPNG, Kraken, Optimizilla and Compressor.

From our experience, Optimizilla works best in both term 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 maybe the worst in the list as it produce larger file sizes.

Optimize Images on WordPress

WordPress powers more than 28% 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.

  1. WP Smush
  2. EWWW Image Optimizer
  3. TP Image Optimizer

WP Smush

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 in which 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.

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.

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.

WordPress Image Optimization Plugins Comparison

Ok so, enough talks about plugins. Let’s take a look, how exactly these plugins are in practical. In my example, I will be using an image in both JPG and PNG format. Optimize them, and then compare above-mentioned optimization plugins.

Here is the testing image we took to compare and the original dimensions.

File Type: JPG / PNG
Dimensions: 2560×1600 / 2560×1600
Size: 929 KB / 6 MB

Image for testing
Image for testing

Result

JPG format

PluginDimensions (Original)Dimensions (Custom)File Size (Original)File Size (Optimized-JPG)
WP Smush2560×1600700×368929 KB55 KB
EWWW Image Optimizer2560×1600700×368929 KB88 KB
TP Image Optimizer2560×1600700×368929 KB94 KB

PNG format

PluginDimensions (Original)Dimensions (Custom)File Size (Original)File Size (Optimized-PNG)
WP Smush2560×1600700×3686 MB444 KB
EWWW Image Optimizer2560×1600700×3686 MB651 KB
TP Image Optimizer2560×1600700×3686 MB803 KB

Looks like WP-Smush is the best WordPress image optimization plugin.

I Don’t Want to Compromise Quality, What Should I Do?

Well, it is always suggested to optimize images. But, if you still want to keep the original image, use Lazy Load 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.

Choose Theme Wisely

There are a numerous free and paid beautiful themes available but coded badly. Optimizing images will somehow help in speeding up a WordPress site but it is always suggested to use a lightweight and nicely-coded themes like GretaThemes.

Choosing Decent Hosting Provider

Always remember, if your hosting server performance is poor, your website will definitely perform poor. Therefore, you need to have a decent hosting provider like Cloudways — a managed WordPress cloud hosting provider.

For our visitors, we have broken a deal with Cloudways. You can get $25 FREE cloud hosting credit using the coupon code GretaThemes.

Wrapping Up!

It is always suggested to optimize images before uploading them to a WordPress site. Later on, use an optimization plugin like WP Smush, that clearly beats the other plugins in our tests. You can also integrate a CDN with a WordPress site that will cache static content like CSS, JS and images that will help to boost the performance.

Leave a Reply