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 11: How to Optimize and Compress Images in WordPress
Section 10: How to Regenerate Thumbnails in WordPress
Section 12: 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

Support Center Login

Our Login page has moved. Please click the button below to be redirected to the login page.

Recommended WordPress Plugins

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