Blogging and Writing

Making the Most of Your WordPress Media Storage Space

blogging word cloud

On a free WordPress plan, or a cheap one for that matter, you don’t have a ton of storage space to work with. Here are a few tips to manage your images so you can make the most out of your media storage.

Find out what sizes your theme allows

Your theme will have a certain sizes for different parts of the page on your site. If you go to My Sites > Appearance > Themes, it’ll show the theme you’re using at the top of the screen, and there’s an “Info” button to the right side of that. Click that, and scroll down to the bottom, where it should give you “quick specs.”

For my theme, it says the main column width is 675 pixels, or 778 pixels when using the full-width page layout. So, if I’m using an image in a blog post, and I don’t intend for anyone to do things with it other than look at it in that blog post, I really don’t need to store it in a size any larger than 675 pixels.

My theme wants featured images to be at least 1180 pixels, so I really don’t need any of my images bigger than that if their only purpose is adding decoration to my posts.

Why does that matter? A small image size in pixels means fewer kB, which allows you to save storage room.

Insert images from URL

When you create an image block, one of the options to insert from URL. This doesn’t use up any space in your media library, and the image gets fetched from its URL each time someone views your page.

The URL you use has to be the actual image URL, not the page where it appears along with other stuff. So if you’re looking at an image in Pixabay, either right click the image or control-command-click on a Mac laptop, then copy image address, which you can then past into your new image block.

There are a couple of potential downsides to this. One is that if the image stops existing at that specific URL, it will stop showing on your page. Another is a WP glitch; if you start replacing images, sometimes the block editor will randomly replace other image blocks that are using a URL within the same post. I’m not sure why that glitch sometimes happens and sometimes doesn’t.

You can access Pexels images to add from within WordPress, but when you choose an image, it gets added to your library. If you want to save yourself the space in your media library, you can head on over to the Pexels website, find an image you want, grab the URL, and add it to your blog post via the URL.

Use an embed block

One of the convenient things about the block editor is that you can easily embed content from different kinds of sites. If you want to use images from Flickr or Instagram, embedding them by pasting the URL into the block editor is a quick and easy way to include those images in your post.

Download smaller files from sites like Pixabay

I’ll use downloading an image from Pixabay as an example, but the same thing applies to similar sites. When you click the download button, it will give you different size images, and lists both the size in pixels and how much storage space it needs in kB (kilobytes) or MB (megabytes0.

It defaults to a 1980×1277 px image. Most likely, you don’t need an image that big for a blog post. Going with a smaller size can significantly cut down the amount of storage space it takes up.

Looking at a random photo on Pixabay, it offers me the following options:

Width (pixels)Height (pixels)Storage size
64042633 kB
1280851109 kB
19801277231 kB
597439754.9 MB

Use jpg rather than png

If you’re creating graphics in Canva, you can download as a png or jpg format file. It will typically default to png, which contains more detail but is a larger file size. Compared to png, a jpg version of the same image will take up less storage space. If you have image software on your computer, you can also convert png files you’ve already saved to jpg.

Resizing vs. compressing

By resizing an image, you’re changing its dimensions in pixels, i.e. how wide and tall it is. Resizing an image to a smaller size will decrease the file size in kB. Compressing keeps the same dimensions, but changes how it’s stored, so you keep the same height and width, but decrease the amount of kB you need to store that image.

Resizing

Resizing is particularly useful if you’re using images you’ve uploaded from your phone/camera, as those will probably be 4000-ish pixels wide and a couple of MB. You have multiple options here.

You can resize within the browser version of WordPress, but first you have to get to the wp-admin list of your images (the regular WordPress.com view is craptastic and doesn’t give you access to the resizing option, nor does the app). There are two ways to do this:

  1. Go to the address yourURL/wp-admin/upload.php in your browser (and by yourURL, I mean your actual URL, not the word yourURL)
  2. Go to My Sites > Media, and then in the top right corner of the screen, click “Screen Options,” and then choose to switch to “Classic View.”

From there:

  • Find and open the image you want to resize
  • Beneath where the image is displayed, click the button that says “Edit Image”
  • There will be a box that says “Scale Image”; you can enter the width you want, and it will auto-generate the height to keep the same width:height ratio
  • Click the button that says “Scale”
  • Over on the right, you’ll see where it tells you how many kB/MB your image is. Below that, click update. You’ll see that your file size is now smaller.

Unlike changing the size of your image in a post, which changes how it’s displayed, this changes the actual file size in your media library, freeing up more room for you. If you go into your media library and just resize the images you’ve uploaded from your phone, you can potentially make a huge dent in how much of your storage space that you’re using.

Let’s say you have a square image that’s 2000×2000 pixels. You only need it to be 500×500. By cutting your image from 2000×2000 (i.e. 4 million pixels total) to 500×500 (i.e. 250,000 pixels total), you can end up saving a shit ton of storage space.

There are other options if you don’t want to resize in WordPress. I don’t use Windows, so I don’t know what the options are there, but Mac OS’s Preview app is a great tool that allows you to resize images and convert from png to jpg format. Shutterstock also has a web-based resizing tool. I don’t use this, as the other options are more convenient.

Compression

If you want to compress your images to save even more storage space, you can compress an image once you’ve got it in the appropriate pixel dimensions. Resizing an image with way bigger dimensions than you need has a more significant impact than compression when it comes to saving storage space, so skip compression if you want fewer steps. Resizing an image from 4000 pixels to 1000 pixels, for example, can save you a couple megabytes. Compressing the 1000 pixel image may save you a couple hundred more kilobytes.

There are web tools that can do this, like TinyPNG (or Google image compression tool to find more).

If you have access to plugins, there are plugins that will do this. I used to use Smush, but now I use WP-Optimize.

Using less of your time

If you’re on a free plan and almost out of space, it’s probably not worth your time to fart around going through every image you’ve got. WordPress won’t list your images by size, so you’ll have to come up with another strategy.

To make the most use of your time, start with photos you’ve uploaded, as they’re likely in the 4000px wide and 3-4 MB of storage range size. Resize those puppies down to less than 1000px wide and suddenly those pictures are only taking up a few hundred KB.

Big pretty Unsplash/Pixabay/Pexels/etc. images could be next up to resize. Moving forward, download the 1280px width routinely rather than the default 1980px it will download for you, or insert by URL if you’re so inclined.

Do you need to do any of this?

Absolutely not.

There are two main instances when this kind of thing would be relevant:

  1. You’re on a WordPress plan that limits the amount of storage space you have, and you’re running out of room.
  2. You want to speed up your site, and not loading big images unnecessarily will help with that.

If neither of those is relevant to you, you absolutely don’t have to fuss around with any of this.

Is managing images and storage space something that’s been an issue for you?

Blogging Toolbox

The Blogging Toolbox has tips and tools that are relevant and useful for the average blogger.

24 thoughts on “Making the Most of Your WordPress Media Storage Space”

  1. Great tips! During my refresh I discovered I had multiple images of the same thing. Why? Because glitchy WP sometimes screws up the search media tool and gives a blank page. Well, I was up to 36%! And I’m not a heavy image user. Now I’m less than 10%. But I will do that resize as you describe in the future. Thank you!

  2. This is very, very detailed! A lot of it is way over my head lol

    Last time I checked, I used up 12% of my storage space. I tend to reuse photos that I used on previous blog posts. I’ve only written >50 blog posts though. I can see how lack of storage space would become a problem for someone who posts on a weekly basis, daily basis etc.

  3. A really helpful one because it’s surprising at how all the files add up over time until suddenly you’re maxed out on your storage space! It’s really annoying – I went back through and changed any png files to jpgs, then downloaded a cleaner plug-in to search for unused images (usually those from old posts that I’d deleted without deleting the corresponding images). And I use the WP-Optimize tool that you do too.

    Good tips on the resizing, and I’d never even thought to link to URL. D’oh! I’ll see about doing that for generic pictures next time, like book covers. Really good idea.

    xx

    1. I don’t use the link to URL very often because of the weird WP glitch of randomly replacing URL-linked images.

      I wish WP made it easy to see which posts an image is being used on. I haven’t tried using any plugins for that, but I know some of the images WP says are unattached are actually being used. 🤷‍♀️

  4. I don’t use that many images, and usually they are my own…never used pexels or pixabay or whatever they’re called but this is super useful info, I shall have to remember to switch images to jpgs. Good stuff here.

  5. Is managing images and storage space something that’s been an issue for you? No. I admit that the block mess threw me for a while, but once I discovered how to get the Classic block, it was fairly straightforward. I use Photoshop on a regular basis to resize the images I want to use and I never use one bigger than 500 pixels, so the image might appear small, but I resize it using the WordPress tools available. This was a very comprehensive article covering a lot of things new bloggers might find confusing. Thanks for providing it! 🙂

  6. I started reading this about 2 hours ago and I’ve been looking everywhere for the specs on my theme, alas I can’t find it. It’s getting on my tits now! My theme is evaWp. I’ll keep this post safe in my emails for if and when I finally find the best image size to use

      1. Thanks Ashley, I looked at the link you included and that must be the old version of the customiser as mine doesn’t look like that. So is 713px what I input in Canva, does it need height?

        1. If you’re creating a brand new graphic, you’d need to specify height, but your post can show whatever height you want, whereas it will only show a maximum width.

          I also determine the size of graphics I create on Canva based on whether I want to use the same graphic elsewhere, like on Pinterest (which prefers 1000×1500) or Instagram (which prefers 1080×1080), then when I upload the graphic to WP, I size down further if it’s a big file.

  7. I love that you’re a Renaissance woman: knowledgeable about a wide variety of subjects. I admire it greatly. 😊

    I don’t have much in the way of issues regarding images. Storage was a problem with the free plan, so I upgraded to the first and cheapest option. It’s one of the reasons I dislike September: I timed my life badly and much renews this month, including the car and WP. The credit card says, “ouch!”

  8. Quality post Ashley 🙂

    Well, l was facing a huge image clean up late last month and early this month, and although l was using a business plan, which as you know has 200GB space, l wanted to take my blog space storage wise to below the 13GB that a Premium plan offers the buyer. I used Pixabay all the time, as l prefer the selection of images as opposed to Pexels which is pretty basic – when l am not using my own. But now with the latter, l opt to compress using TinyPNG.

    I did manage to reduce my 21GB down to well below the 13GB that a Premium plan would offer and got it to 6.2GB or around 4300 images overall. Once l have the business blog up and running – l will opt to change the plans for the GUY blog and transfer the credit to the business blog and downscale this to Premium again.

Leave a Reply