I have been working with WordPress for the last six years and it has been a pleasant ride for most of the time. WordPress offers a lot, considering that it is free to use and I occasionally discover something new. This time it is how to save lots of server storage space in WordPress.
WordPress, as you may know, comes with capabilities to upload media, which in particular means images and photos. What many users do not know is that WordPress generates up to three additional resized images for each image uploaded. This depends on the size of the image.
WordPress generates a thumbnail image with a resolution of 150x150, a medium sized image with a maximum resolution of 300x300 pixels and a large image with a maximum resolution of 1024x1024.
If the uploaded image is larger than 1024 in width or height, then all three image resolutions are generated. That's a lot of additional storage space, considering that not all of those images are usually used in articles on the site.
If you have access to the server where WordPress is hosted, you can take a look at the wp-content/uploads/year/month directory to see that there are multiple resolutions available for each image that got uploaded in the past. Take a look at this screenshot for example.
If you look at the screenshot you notice that there are two and once even three copies of the original image on the server. In Ghack's case, the 1024 resolution is not used at all, wasting a total of 438 Kilobytes in this example alone. And that's only for one of the more than 9000 articles on this side. You can do the calculation but this seems like an awful lot of wasted storage space on the server.
So what can you do to reduce the number of copies that get generated during upload?
WordPress image generation is handled on the Settings > Media page in the WordPress admin interface.
If you visit the page you will notice three different image sizes that can be configured. These three image sizes are linked directly to the copies that get generated during media uploads.
Now for the tweak: Images will not be resized if you delete the size information in both the width and height fields. For example, if you only need a medium sized image with a maximum width and / or height of 500 then you can remove the resolutions from the thumbnail size and large size fields. If you do that, they will no longer be generated during media uploads. This reduces the number of files generated from a maximum of three to only one, which in turn means that a lot of space is saved on the server's hard drive.
You need to assess your situation first before you make changes. Some WordPress themes make use of thumbnails and display them on the frontpage and individual pages of the blog. If that is the case the thumbnail generation needs to stay. It is usually still possible to remove either the medium or large size to reduce the storage space per uploaded image.
Advertising revenue is falling fast across the Internet, and independently-run sites like Ghacks are hit hardest by it. The advertising model in its current form is coming to an end, and we have to find other ways to continue operating this site.
We are committed to keeping our content free and independent, which means no paywalls, no sponsored posts, no annoying ad formats (video ads) or subscription fees.
If you like our content, and would like to help, please consider making a contribution:
Ghacks is a technology news blog that was founded in 2005 by Martin Brinkmann. It has since then become one of the most popular tech news sites on the Internet with five authors and regular contributions from freelance writers.