Envira Gallery Blog

Digital Photography Tips, Tutorials and Resources

Resize WordPress Images

How to Resize WordPress Images Automatically

by Waseem Abbas on Apr 27, 2016

Are your WordPress images too large? If you don’t resize your photos before uploading them, you can end up with a very slow-loading website. This can be time consuming to do manually, but thankfully there is a way to automate the process. In this article, we will show you how to resize your WordPress images automatically.

By default, WordPress has the ability to edit and resize images. To learn how, check out our tutorial on how to easily edit images in WordPress.

The only problem with this method is that you have to manually resize every image after you upload it, and this can take a lot of your time.

Another option is to optimize your images before uploading them in WordPress. We shared how to do this in our article on the 9 best image optimization tools for image compression.

However, there is yet a third option, which is to upload your images to WordPress as-is, and then resize them in bulk automatically.

Lets take a look at how to resize your images automatically after uploading them to your WordPress site…

Automatically Resize Your WordPress Images

To start, you’ll need to install and activate the Imsanity WordPress plugin.

Go to Plugins » Add New in your WordPress admin and type Imsanity into the search bar.

Search Imsanity

Click on the Install Now button.

Install Now

In the next window, click on Activate Plugin.

Activate Imsanity

Upon activating the Imsanity plugin, go to Settings » Imsanity and adjust the settings for resizing your WordPress images.

If your blog post area has a maximum width, you can enter that width into the “Images uploaded within a Page/Post” section.

You can also set a maximum width/height for images uploaded directly to the Media Library, and uploaded elsewhere. This way, your images will never be too large for the web, but they’ll still be big enough for your purposes.

You can also select the JPG image quality you want them compressed to, and whether or not you would like to convert BMP and PNG images to JPG.

Settings Imsanity

Once you are satisfied with your settings, make sure to click on the Save Changes button.

Imsanity will automatically resize all your large images to the sizes you have set in the previous step, so you don’t need to do a thing.

Bulk Resize Images

If you have images that were uploaded prior to installing Imsanity, you can bulk resize them.

First, carefully read the message about bulk resizing your images. This explains why it is important to backup your images prior to bulk resizing them.

Bulk Resize Images

After reading the message, click on the Search Images button.

It will show you a list of images that you can be resized according to your settings.

Resize Bulk Images

You’ll need to check mark the photos that you want to resize. Remember to backup your images before you click on “Resize Checked Images”. Once resized, you cannot go back to your original images.

That’s it! We hope this article has helped you to learn how to resize WordPress images automatically. You may also want to check out our guide on how to upload large images in WordPress.

If you like this article, then please follow us on Facebook and Twitter for more free WordPress tutorials.

Comments

  1. Ah. Barbi told me about the Insanity plugin to set a maximum width and height for uploaded images. Our clients will upload unedited images that are 3000+ pixels or more because they don’t understand image dimensions. I’m going to give his plugin a try. WordPress should add this feature right out of the box.

  2. It would be great if Envira had the ability to automatically scale gallery pics to a certain size upon upload, so that only those pics got special treatment. As it is right now, I have to scale my pics offline before I upload them, which takes longer.

    I see that the method above could be useful, but I would only want that to affect my Envira Gallery images and no others. Don’t think that tool can make the distinction.

    1. We don’t know of any plugin that upsizes images. Upsizing any image can make the image appear of less quality or pixelated as it would be like “stretching” the image.

  3. I’ve installed Imsanity and the default setting is width 2048 x height 0. This doesn’t sound right. What should the height dimension be? Or does the restive just go on width?

    1. Hi Julie 🙂

      In order to keep images responsive, height:0 can mostly mean height:auto;. This way the image height is proportional to the image width. Does that help?

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.