On a free WordPress.com 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 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 smaller image size in pixels means fewer kB, which allows you to save storage room.
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 |
| 640 | 426 | 33 kB |
| 1280 | 851 | 109 kB |
| 1980 | 1277 | 231 kB |
| 5974 | 3975 | 4.9 MB |
Use jpg rather than png
If you’re creating graphics in Canva, you can download them in png or jpg format. 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:
- Go to the address yourURL/wp-admin/upload.php in your browser (and by yourURL, I mean your actual URL, not the word yourURL)
- 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 storage space 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 of 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 CompressJPEG (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:
- You’re on a WordPress plan that limits the amount of storage space you have, and you’re running out of room.
- 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?
The blogging toolbox series has tips to support you in your blogging journey. It includes these posts:
Thank you! Excellent advice.
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!
I’ve noticed that glitch too. In the browser, refreshing the page will usually make it start working again.
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.
I’ve known some people that blog more frequently have upgraded their plan specifically because of the storage issue.
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
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. 🤷♀️
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.
Excellent tips! I did not know about the embedded blocks feature. You are right about using jpeg instead of png images, and using smaller file size images where available.
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! 🙂
That’s convenient to have Photoshop.
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
It looks like in your customizer you can set the max width of the main content between 1170 and 1440. https://temashdesign.ticksy.com/article/9816/
Looking at a post on your site using the Google Chrome inspect tool, it looks like your sidebar is 310px wide and your main column max width is 713px.
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?
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.
Ohhh ok, that make sense, thank you 🙂💚
Very helpful!
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!”
Ugh, not good…
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.
That’s great that you were able to reduce so much!
it was awesome 🙂
awesome info!!! tx so much!
Great tips! I always (well, the few times I blog) have problems with the size of the pics. Muchas gracias.
I always try to remember to resize photos I upload from my phone, since they’re so much bigger than I actually need them to be.