How to Optimize Images for WordPress

How to Optimize Images for WordPress

Optimizing images for WordPress can do wonders for your website. A WordPress site with well-optimized images can reap such benefits as fast loading times, enhanced user experience, and better SEO.

This article will explore four easy ways to optimize images for WordPress. We will also list the best plugins to optimize images and answer some of the most frequently asked questions about WordPress images.

Start A Free 7-day Email Course On WordPress

Why It’s Important to Optimize Images for WordPress

Optimizing images on your WordPress website is very important. Here are four reasons why:

  • Increase web page speed. Unoptimized images make your web pages bloated and slower to load. By optimizing your large images without sacrificing quality, you can speed up WordPress.
  • Enhance the user experience. Waiting around longer than usual for a page to load is frustrating for website visitors. The bounce rate – the percentage of visitors who land on a web page and leave without exploring the rest of the site – is very high for websites that take longer than three seconds to load.
  • Better search engine optimization (SEO). Search engines like Google favor fast-loading websites and penalize slow websites. If your images are optimized and your website is fast, you’re more likely to rank well on search engine results pages (SERPs).
  • Save disk space. Optimizing your WordPress images will let you use your hosting resources more efficiently. If your image files occupy less space, you will have more room to add other types of content and features to your website.

4 Easy Methods to Optimize Images for WordPress

Read on to learn four quick ways to optimize WordPress images.

1. Compress Your WordPress Images

By compressing images, you will reduce their file size. A compressed image file will load faster on your WordPress webpage, improving its speed.

The quickest way to compress images in WordPress is to use an image compression plugin. Such plugins often do more than just utilize compression to optimize images. We will break down two plugins that optimize images in one of the following sections.

Alternatively, you can also manually compress your large images before uploading them to WordPress by using image editing software or a free tool like TinyPNG

TinyPNG doesn’t only accept PNG images. It works with other image file formats, including WebP and JPEG. All you have to do is upload the image you want to compress, and the tool will reduce its size for you. The tool can also compress multiple files at once.

A successful image compression by the TinyPNG tool.

2. Resize Images

Another way to optimize images for WordPress is to resize their pixel dimensions. Fortunately, this feature is built into the WordPress core. 

By default, WordPress uses four different sizes of the same image:

  • Thumbnail (150 x 150 pixels)
  • Medium (up to 300 x 300 pixels)
  • Large (up to 1024 x 1024 pixels)
  • Full Size (the original image size)

That being said, you can change them to fit your preferences. Here’s how to change the default WordPress image sizes via the media library:

  1. Open the WordPress dashboard and go to Settings -> Media.
  2. Enter your preferred maximum width and height for each size.
  3. Click Save Changes.
The WordPress Image Sizes settings.

3. Serve Images Through a CDN

A content delivery network (CDN) is a globally distributed system of edge servers that provide fast delivery of website content, including images, videos, CSS, and JavaScript.

If your WordPress website uses a CDN, it will distribute copies of your images from the origin server to edge servers worldwide. The edge servers closest to your visitors will deliver the images. 

A graphic illustrating how a content delivery network (CDN) works.

For example, if your visitor has an Indonesian IP address, an edge server located in Southeast Asia will deliver copies of your content, speeding up load times.

Examples of popular WordPress CDN providers include Cloudflare, KeyCDN, and Sucuri.

4. Clean Up Your WordPress Media Library

As your WordPress site grows, its media library will accumulate a lot of uploaded images. While many of these uploaded images will be featured on your website, many of them might end up unused. For instance, images from deleted blog posts will stay in your media library.

Having many unused images in your library can slow your website down, take up a lot of space on your hosting server, and make media management difficult. Creating and restoring site backups will take longer since more files will be included in them.

Before cleaning your WordPress media library, it’s highly recommended to create a complete backup of your WordPress website first. This way, you’ll be able to restore your website to its normal state if anything goes wrong with the cleanup.

There are two main methods to clean your WordPress media library – manually or automatically with a WordPress plugin. 

Here’s how to do it manually by permanently deleting unused images:

  1. Open the WordPress admin dashboard.
  2. Go to Media -> Library.
  3. You can either delete the unused images individually or in bulk.
    • To delete an image individually, click on it and select Delete permanently.
    • To delete images in bulk, click Bulk select, select the unused images, and click Delete permanently.
The Delete permanently button in WordPress's media library.

And here’s how to clean up your WordPress media library by using the Media Cleaner plugin:

  1. Open the WordPress admin dashboard.
  2. Install and activate the Media Cleaner plugin.
  3. Navigate to Media -> Cleaner
  4. Click Scan. The unused images will appear as “Seems not in use” under the Issue column.
  5. Select the images you want to delete, and click Delete (number of selected images) entries
Selecting the images to delete in the WordPress media files using the Media Cleaner plugin.

Best WordPress Plugins for Optimizing Images

A WordPress optimization plugin optimizes existing images as well as new ones. Take a look at two of the best WordPress image optimization plugins you can install on your website.

1. Image Optimization and Lazy Load by Optimole

Optimole image optimization plugin website

Plugin Stats:

  • Downloads: 80,000+
  • Rating: 4.8/5
  • Notable features: image CDN, cloud media library, image lazy loading
  • Pricing: freemium (premium plans start from $21.18/month)

Optimole is an optimization plugin that optimizes your site’s images via a global CDN (content delivery network). Combined with a cloud-based solution, Optimole reduces the load on your server and speeds up your loading times.

The plugin comes with a one-click setup and automated tools. Simply create an account and insert your API key to activate it. The tools will then automatically run in the background to optimize your images.

Optimole’s free version supports 5,000 monthly visits. You can purchase one out of the two premium plans to get more visits. The Optimole Starter plan costs $21.18/month for 25,000 visits, while the Optimole Business plan supports 100,000 monthly visits for $43.08/month.

PRICING / DOWNLOAD

2. Imagify Image Optimizer

Imagify Image Optimizer website

Plugin Stats:

  • Downloads: 600,000+
  • Rating: 4.4/5
  • Notable features: auto-optimization, image backup, online-app integration
  • Pricing: freemium (premium plan costs $9.99/month)

Imagify increases your website speed by automatically resizing and compressing different image formats. Aside from still images, Imagify can also optimize animated graphics.

Imagify has three compression settings – normal, aggressive, and ultra. Normal means lossless compression, while aggressive and ultra are lossy compression types. Compared to lossless compression, lossy reduces the file size more significantly at the expense of some image quality.

Imagify’s free plan limits users to 20 MB images per month with a maximum upload size of 2 MB per image. Meanwhile, the premium version offers unlimited image data for $9.99/month.

PRICING / DOWNLOAD

Conclusion

Performing optimization for images on your WordPress website is very important to increase its loading speed, enhance user experience, implement better SEO, and save storage space on your hosting server.

In this article, we have explored four ways to optimize images on WordPress:

  1. Compress your WordPress images. Use an image editing program or an online tool like TinyPNG to quickly reduce image file sizes without compromising on quality.
  2. Resize image files. Change the default image resize settings on WordPress.
  3. Serve images through a CDN. Get a WordPress CDN like Cloudflare to quickly deliver images through globally distributed edge servers.
  4. Clean up your WordPress media library. Delete unused or duplicated images on your WordPress media library manually or using a plugin.

If you’re looking for a more complete guide, check out our article on image optimization for website performance.

We hope you have found this article helpful for speeding up your WordPress website. Good luck.

How to Optimize Images for WordPress FAQ

This section will answer some frequently asked questions about WordPress optimization for images.

Does WordPress Automatically Optimize Images?

Yes – since WordPress 4.5, WordPress compresses all uploaded images to 82% of their original quality. However, this percentage of compression doesn’t offer a significant improvement to site speeds. We still recommend using the methods listed in this article.

What Is the Best Image Size for WordPress?

The recommended sizes for different types of images in WordPress are:
Blog post images: 1200 x 630 px
Headers: 1048 x 250 px
Thumbnails: 150 x 150 px
Logos: 200 x 100 px
Featured images: 1200 x 900 px (landscape) or 900 x 1200 px (portrait)
Background images: 1920 x 1080 px

Was this tutorial helpful?

Author
The author

Hasna Avni

Hasna is a Content Writer at Hostinger. With passion and knowledge in tech and digital marketing, she hopes to help people solve their problems and succeed. When not writing, she enjoys live music and overanalyzing movies.