InMotion Hosting Support Center

In this tutorial:

In this tutorial, we will show you how to Optimize and Compress images in WordPress. We will use the free Smush Image Compression and Optimization plugin. First, we will walk you through installing the plugin, then compressing and optimizing images in WordPress.

Install Smush Image Compression and Optimization

  1. Log into your WordPress Dashboard.
  2. Click Plugins, then Add New.
  3. Type 'smush' in the search field. When you see the Smush Image Compression and Optimization plugin by WPMU DEV, click the Install Now button.
  4. Once it has installed, click the Activate button to enable the plugin.

Optimize & Compress Images

Now that you have installed the Smush Image Compression and Optimization plugin, we will show you how to use it to opimize and compress images in your WordPress site. Since we are using the free version, it can only bulk process 50 at a time, so this may take several tries to complete.

  1. You should already be logged into your WordPress.
  2. Click Media then WP Smush.
  3. I recommend scrolling down to the Settings section and enabling Automatic Smush. This will cause any new images to be compressed and optimized when they are uploaded.
  4. Then, click the Update Settings button.
  5. Click the Bulk Smush button to begin optimizing and compress existing images.

    It will then begin processing your images.

  6. After processing 50 images it will stop, click the Bulk Smash button again. Repeat until it has processed all of your images.

    The Stats section will list how many images were optimized and compressed.

Congratulations, now you know how to Optimize and Compress images in WordPress with the Smush Image Compression and Optimization plugin!

Was this article helpful?
Continued Education in Course 201: Recommended WordPress Plugins
You are viewing Section 12: How to Optimize and Compress Images in WordPress
Section 11: How to Regenerate Thumbnails in WordPress
Section 13: Using Velvet Blues to Update URLs

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Forum Login

You are NOT logged in. You can still browse our Support Center.

To participate within our Community Support Forum:

Recommended WordPress Plugins

1. How to Create a Slideshow in WordPress with Metaslider
2. Adding a Cookie Notice for GDPR in WordPress
3. Recommended WordPress Backup Plugins
4. How to install the Really Simple SSL WordPress Plugin
5. How to Install the WP Accessibility WordPress Plugin
6. Helpful WordPress Plugins
7. How to Create an XML Sitemap in WordPress
8. How to Customize the WordPress Editor with TinyMCE Advanced
9. How to Install bbPress in WordPress
10. How to Install TinyMCE Advanced in WordPress
11. How to Regenerate Thumbnails in WordPress
12. How to Optimize and Compress Images in WordPress
13. Using Velvet Blues to Update URLs
14. How to Copy a WordPress Page or Post
15. How to Install MailPoet in WordPress with SMTP
16. How to Install the User Role Editor Plugin in WordPress
17. How to Schedule Backups in WordPress with BackWPup
18. How to Backup WordPress with BackWPup
19. How to Setup a 301 Redirect in WordPress
20. How to Use the Easy Google Fonts Plugin for WordPress
21. How to Install and Use the Lightbox Gallery Plugin in WordPress
22. How to Add the Social Media Widgets Plugin to WordPress
23. Using the Convert Categories to Tags Tool in WordPress
24. Jetpack 3.4 What's New
25. Cache Mobile pages with the WordPress Super Cache and WPTouch Plugin
26. Optimizing WordPress with WP Super Cache Plugin
27. Photo Gallery and Slide Show Plugins for WordPress
28. How to Optimize WordPress with W3 Total Cache
29. WordPress Plugins for Facebook and Twitter
30. Clearing WordPress Cache
31. Plugins for Advertising
32. Installing the eCommerce for WordPress plugin
n/a Points
2018-01-05 5:53 pm

I want to share my 2017 year experience in Google Pagespeed images optimization for my website:

I have tried free version of WP Smush, but Google Pagespeed still had issues to my images. Then I read that in September 2017 Google Pagespeed changed the rules of the game, and now it wants all images to be smaller then webp q75 + 10%. I tried to achieve that with MozJpeg encoder, but resulting images had terrible artifacts.

So as I understand there is no way now to achieve high score in Google Pagespeed, except using webp images. I used free plugin Opti MozJpeg Guetzli WebP to create webp duplicates for each image in my media library. Now I have two files for each thumbnail (original and webp). If browser supports webp, it gets webp duplicate, If not - original image. It is achieved by the following code in .htaccess:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_ACCEPT} image/webp
RewriteCond %{REQUEST_URI} .*(jpe?g|png|gif)$
RewriteCond %{DOCUMENT_ROOT}/$1.webp -f
RewriteRule (.*) $1.webp [T=image/webp,E=accept:1]
<IfModule mod_headers.c>
Header append Vary Accept env=REDIRECT_accept
AddType image/webp .webp
3,820 Points
2018-01-05 6:24 pm
Thanks for your contribution to the Community! We appreciate that you are willing to share your knowledge and experience to assist others. Kudos!

Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

4 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?


Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail:
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!