Optimizing and offloading your site’s media files is an easy way to speed up the performance of your site. In this short tutorial we’re going to show you how to set up WordPress image optimization and media offloading for files that are uploaded through Gravity Forms.
To handle this media magic, we’re going to use these three plugins:
Let’s get started.
- Install and Activate these Plugins
- Configure EWWW Image Optimizer
- Configure WP Offload Media
- Enable GF Media Library
Once they’re installed, we’ll configure everything.
For most installations, the default configuration is all you need to have optimized images, but there’s one option that I want to cover that is specific for Gravity Forms uploads.
EWWW Image Optimizer can automatically resize images based on a maximum width/height. This is located under the Resize tab on its Settings page. Use this to automatically limit the dimensions of images of images uploaded through your forms.
There’s a ton more options in the settings for the plugin. I recommend having a look at the documentation for a deep dive in those.
Follow these guides for setting up your provider:
With your provider set up, navigate to any form with a File Upload field or add a new one. Open the field and select the Perks tab. Then, select the Upload to Media Library option.
That’s it. Your files will now automatically be offloaded to your cloud storage provider, and if the file is an image it will be resized and optimized according to your settings.
Here I am uploading a 3 megabyte file that’s 4608×3456 pixels large.
And here it is resized, optimized, and hosted on Amazon S3 seconds after I click the Submit button.