Imagify was setup using the steps below for both the 2016 Speed Study, as well as the 2017 version.

Imagify Logo

How to Setup Imagify – Step by Step

Install Imagify

Step 1: Go to the Add New Plugins page of WordPress. Type “Imagify” into the Search box and click enter.

WordPress Image Optimization Plugin Installation - Screenshot 1

Step 2: To start installing the Imagify Image Optimizer plugin, click Install Now.

How to Install WordPress Image Optimization Plugin - Screenshot 2

Step 3: Then click Activate Plugin

Activate WordPress Image Optimization Plugin - Screenshot 3

Create an Imagify Account

Step 4: With Imagify now installed, let’s create an account. Click “Sign up, it’s Free”.

Step 5: Enter your email address and click Sign Up.

Setup Imagify Account - Screenshot 4
Sign Up to Imagify - Screenshot 5

Step 6: Looks like our account is now setup. Let’s click OK

Enter Imagify API Key

Step 7: Then click “I have my API key”

Step 8: And enter your API key from the email you received from Imagify and click Connect Me. Note: While your in the email, click the link to confirm your email address. This will help when it comes time to perform the image optimizing later on.

Imagify Account Creation - Screenshot 6
Imagify API Key - Screenshot 7
Imagify API Connection - Screenshot 8

Step 9: Good stuff, our API is valid. Click OK

Step 10: Now we’re getting somewhere, lets get onto the optimizing. Click Go to Settings

Imagify API is Valid - Screenshot 9
Imagify Optimization Settings - Screenshot 10

Imagify Settings

Step 11: These are the default Imagify Settings, which we will stay with for the purposes of this study. If you are setting Imagify up on your own site, it is recommended to uncheck any WordPress image sizes that you don’t use. This will ensure you get the most out of the quota within the free account.

Imagify Settings - Screenshot 11

Step 12: After completing the top half of the Settings, lets move down to the bottom of the screen and click “Save & Go to Bulk Optimizer”. Note: You can also find the Imagify Bulk Optimizer in the WordPress Navigation under Media and Bulk Optimization.

Save Imagify Settings - Screenshot 12

Step 13: Okay, it’s time to fire up the Bulk Optimizer. We will use the Aggressive Compression Level and get the ball rolling by clicking “Imagif’em all”

Imagify Bulk Optimization Settings - Screenshot 13

The Outcome: We have 4 images on the homepage that have now been optimized. The combined file size has dropped from 2.9Mb to 1.1Mb!

Imagify Optimization Results - Screenshot 14

Questions?

If you have any questions about this tutorial on How to Setup Imagify, please feel free to ask in the comments below and I will try my best to answer them 🙂