Let’s say you install a new theme on your WordPress blog.
It looks pretty cool and you’re chuffed with the results.
Apart from one thing – the images look a bit odd. There’s something not quite right about them.
After a few seconds, the penny drops.
The widths in the new theme are different to the original, so an image that once fitted neatly on the page, now looks out of place.
It doesn’t stretch across the section, or if it’s aligned to one side or the other, it takes up too much or too little space.
You need to fix it. What can you do?
You could go into each post and adjust the image size. If you have the time.
A better solution is to use a plugin called Regenerate Thumbnails and let it do all the hard work.
WordPress typically creates at least three versions of every image you upload
You’ll find the image dimensions in Settings > Media.
Here they are in their default state.
You can change them to whatever suits you.
Some themes use the functions.php file to create custom images to fit the design.
If your theme does this, when you upload an image, WordPress creates yet images at different sizes to match the default settings defined here, and in your theme.
So you could end up with six, seven or more version of the same image. All different sizes. It’s not a big issue unless you’re running out of storage space on your server.
Now, when you install a new theme that uses different image sizes, you must recreate the images already on your site to match the new settings, otherwise your site won’t look right.
To do that quickly, use a WordPress plugin called Regenerate Thumbnails.
It’s one of those super-simple and super-useful plugins that make life really easy.
It creates additional images at the new dimensions defined in the Media Settings page or you or the theme’s author defined in the functions.php file.
Resize all thumbnails
Once installed, navigate to Tools > Regen. Thumbnails > Click on Regenerate All Thumbnails to resize every image in your library.
You’ll see a progress bar so you can see how it’s doing. It also advises you keep the tab open.
Resize one image
To resize one image, navigate to Media > Library and hover your mouse over the image options and choose Regenerate Thumbnails.
Resize multiple images using the Bulk Editor
Still in Media > Library, tick the images you want to resize, choose Regenerate Thumbnails from the drop-down-menu, then click Apply.
Now let the plugin do its work.
If you’re wondering what happens to the original images, the answer is nothing. They stay in the Uploads folder.
How long does the plugin take to resize images?
It doesn’t take long to resize the images on a small site, but if you’ve uploaded loads of pictures, you may as well grab a coffee or take a break. Don’t forget to leave the tab open.
I hope you’ve found this tutorial useful? If you have any anything to say about resizing images in WordPress, please leave a comment below.